6 CSS3中的結構性偽類選擇器(下)

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
最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容

  • 問答題47 /72 常見瀏覽器兼容性問題與解決方案? 參考答案 (1)瀏覽器兼容問題一:不同瀏覽器的標簽默認的外補...
    _Yfling閱讀 13,805評論 1 92
  • 本文轉載自:眾成翻譯譯者:為之漫筆鏈接:http://www.zcfy.cc/article/239原文:http...
    極樂君閱讀 7,407評論 1 62
  • 一、基本選擇器 回顧選擇器 通配符選擇器、元素選擇器、類選擇器、ID選擇器、后代選擇器 新增基本選擇器 子元素選擇...
    越IT閱讀 1,203評論 0 3
  • 5 CSS3中的結構性偽類選擇器(中) 在學習結構性偽類選擇器之前,先了解兩個概念(CSS中的偽類選擇器和偽元素)...
    曹淵說創業閱讀 290評論 0 0
  • # “Yuri我夢見我們終于一起去俄羅斯了租了一輛馬車就像還珠格格她們每次出巡那種有車廂的馬車還雇了一匹草泥馬拉車...
    般步閱讀 514評論 0 0