結構性偽類選擇器 root

2021-07-22 13:11:24 字數 497 閱讀 3689

:root選擇器,從字面上我們就可以很清楚的理解是根選擇器,他的意思就是匹配元素e所在文件的根元素。在html文件中,根元素始終是。

示例演示:

通過「:root」選擇器設定背景顏色

html**:

:root選擇器的演示

css**:

:root
演示結果:

「:root」選擇器等同於元素,簡單點說:

:root

html

得到的效果等同。

建議使用:root方法。

另外在ie9以下還可以借助「:root」實現hack功能。

在css編輯器的第1行輸入**,將背景顏色設定為藍色。

root選擇器修改html元素的背景顏色

結構性偽類選擇器

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...

結構性偽類選擇器 nth child n

經驗與技巧 當 nth child n 選擇器中的n為乙個表示式時,其中n是從0開始計算,當表示式的值為0或小於0的時候,不選擇任何匹配的元素。如下表所示 案例演示 通過 nth child n 選擇器,並且引數使用表示式 2n 將偶數行列表背景色設定為橙色。html item1 item2 ite...

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

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