H5-偽類選擇器-偽元素選擇器

H5規(guī)定

1.偽類使用單冒號(hào)

2.偽元素使用雙冒號(hào)

1.偽類選擇器

注意:同級(jí)

E:first-child 第一個(gè)子元素

E:last-child 最后一個(gè)元素

E:nth-child(n) 第n個(gè)

E:nth-last-child(n)倒數(shù)第n個(gè)

E:nth-child(odd)奇數(shù)

E:nth-child(even)偶數(shù)

E:nth-child(-n+3)前三個(gè)

E:nth-last-child(-n+3)后三個(gè)

E:nth-of-type(n)第n個(gè)同級(jí)兄弟元素E

E:nth-child(3n + 1)? 1,4,7

E:nth-child(3n +3 ) 3的倍數(shù)

2.偽元素選擇器

1.偽元素只能給雙標(biāo)簽加

2.必須寫上屬性content:" ";

3.js獲取不到偽元素

E:before? 在E元素前插入一個(gè)元素

E:after 在E元素后插入一個(gè)元素

E:first-letter 選擇到E容器內(nèi)的第一個(gè)字母

E:first-line 選擇到E容器內(nèi)的第一行文本

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 本文轉(zhuǎn)載自:眾成翻譯譯者:為之漫筆鏈接:http://www.zcfy.cc/article/239原文:http...
    極樂君閱讀 7,537評(píng)論 1 62
  • 1.class 和 id 的使用場景? 類選擇器允許以一種獨(dú)立于文檔元素的方式來指定樣式。該選擇器可以單獨(dú)使用,也...
    草鞋弟閱讀 2,552評(píng)論 0 1
  • 一、偽元素和偽類的概念 偽類:首先是類的一種,類似class,代表一些元素的狀態(tài),邏輯上存在,文檔樹中卻無須標(biāo)識(shí)的...
    07120665a058閱讀 1,523評(píng)論 0 4
  • 1.class 和 id 的使用場景? 兩者都能選取DOM節(jié)點(diǎn)并給DOM節(jié)點(diǎn)添加樣式,但是W3C標(biāo)準(zhǔn)里規(guī)定頁面中只...
    饑人谷_米彌輪閱讀 504評(píng)論 0 1
  • (理解)偽類和偽元素的區(qū)別 學(xué)習(xí)這么長時(shí)間對(duì)于一些基本點(diǎn)還是不太理解,所以在這里進(jìn)行了區(qū)分第一種理解偽類用于向某些...
    行不離書閱讀 363評(píng)論 0 1

友情鏈接更多精彩內(nèi)容