HTML CSS基礎課程 第四課 CSS選擇器

2021-06-29 17:00:36 字數 1658 閱讀 7759

「選擇器」指明了{}中的「樣式」的作用物件,也就是「樣式」作用於網頁中的哪些元素

類選擇器:

.類選器名稱
使用步驟:

第一步:使用合適的標籤把要修飾的內容標記起來,如下:

膽小如鼠

第二步:使用class="類選擇器名稱"為標籤設定乙個類,如下:

膽小如鼠

第三步:設定類選器css樣式,如下:

.stress/*類前面要加入乙個英文圓點*/

id選擇器:

#id類選器名稱
相同點:

不同點:

子選擇器:

子選擇器,即大於符號>,用於選擇指定標籤元素的第一代子元素,如:

.food>li
這行**會使class名為food下的子元素li(水果、蔬菜)加入紅色實線邊框。

包含(後代)選擇器:

包含選擇器,即加入空格,用於選擇指定標籤元素下的後輩元素,如:

.first  span
子選擇器(child selector)僅是指它的直接後代,或者你可以理解為作用於子元素的第一代後代。

後代選擇器是作用於所有子後代元素。

通用選擇器:

它使用乙個(*)號指定,它的作用是匹配html中所有標籤元素,使用下面**使用html中任意標籤元素字型顏色全部設定為紅色:

*
偽類選擇符:

它允許給html不存在的標籤(標籤的某種狀態)設定樣式,比如說我們給html中乙個標籤元素的滑鼠滑過的狀態來設定字型顏色:

a:hover
關於偽類選擇符,到目前為止,可以相容所有瀏鑑器的「偽類選擇符」就是:hover了(其實偽類選擇符還有很多,尤其是 css3 中,但是因為不能相容所有瀏鑑器)。其實:hover可以放在任意的標籤上,比如說p:hover,但是它們的相容性也是很不好的,所以現在比較常用的還是a:hover的組合。

分組選擇符:

當你想為html中多個標籤元素設定同乙個樣式時,可以使用分組選擇符,,如下**為右側**編輯器中的h1span標籤同時設定字型顏色為紅色:

h1,span
它相當於下面兩行**:

h1

span

Linux基礎 第四課

nfs伺服器設定 安裝sudo apt get install portma 安裝sudo apt get install nfs kernel server 配置檔案etc exports 增加共享的目錄 ip2位址以及許可權 啟動服務 service portmap start 然後啟動服務 s...

C語言 第四課

img 一 浮點型別的除法運算得出乙個浮點數結果,而整數除法運算則產生乙個整數結果。在c語言中,整數除法結果中如果有小數,則小數部分會被丟棄,這個過程被稱為 color green 截尾 color 二 取模運算子 用於整數運算。不要對浮點數使用取模運算子,那將是無效的。三 符號 被稱為賦值運算子,...

c 第四課習題

順序 選擇 迴圈 迴圈 for for 死迴圈 break跳出迴圈體 continue結束本次迴圈,繼續下次迴圈 列印20遍你好 for int a 1 a 20 a 輸入乙個整數,計算從1加到這個數的和 請輸入乙個正整數 int a int.parse console.readline int s...