6 CSS3中的結構性偽類選擇器(下)
在學習結構性偽類選擇器之前,先了解兩個概念(CSS中的偽類選擇器和偽元素)。
偽類選擇器是CSS中已經定義好的選擇器,不能隨便取名 常用的偽類選擇器是使用在a元素上的幾種,如a:link|a:visited|a:hover|a:active。
而偽元素選擇器并不是針對真正的元素使用的選擇器,而是針對CSS中已經定義好的偽元素使用的選擇器,CSS中有如下四種偽元素選擇器(first-line、first-letter、before、after),例如p:first-line{ color:#ff0000;}, li:after{ content: url(dot.png)} 。
而在CSS3中引入的結構性偽類選擇器的共同特征是允許開發者根據文檔樹中的結構來指定元素的樣式
四個最基本的結構性偽類選擇器
28.png
29.png
30.png
31.png
32.png