結構性偽類選擇器 nth child n

經驗與技巧:當「:nth-child(n)」選擇器中的n為乙個表示式時，其中n是從0開始計算，當表示式的值為0或小於0的時候，不選擇任何匹配的元素。如下表所示：

案例演示

通過「:nth-child(n)」選擇器，並且引數使用表示式「2n」，將偶數行列表背景色設定為橙色。

html**：

item1

item2
item3
item4
item5
item6
item7
item8
item9
item10
​

ol > li:nth-child(2n)

在右邊css編輯器中第一行輸入正確的**，讓奇數行背景色變成綠色。

item1

item2

item3

item4

item5

item6

item7

item8

item9

item10

結構性偽類選擇器

doctype html html lang en head title 結構性偽類選擇器 title meta charset utf 8 meta name viewport content width device width,initial scale 1 style a hover fir...

結構性偽類選擇器 root

root選擇器，從字面上我們就可以很清楚的理解是根選擇器，他的意思就是匹配元素e所在文件的根元素。在html文件中，根元素始終是。示例演示 通過 root 選擇器設定背景顏色 html root選擇器的演示 css root演示結果 root 選擇器等同於元素，簡單點說 root html 得到的效...

CSS3選擇器 結構性偽類選擇器

在學習結構性偽類選擇器之前，先了解2個概念 css中的偽類選擇器和偽元素 1 偽類選擇器 css中已經定義好的選擇器,不能隨便取名 常用的偽類選擇器是使用在a元素上的幾種，如a link a visited a hover a active 2 偽元素選擇器 並不是針對真正的元素使用的選擇器，而是針...