本篇內(nèi)容介紹了“HTML5新增的Css選擇器及偽類的介紹”的有關(guān)知識,在實際案例的操作過程中,不少人都會遇到這樣的困境,接下來就讓小編帶領(lǐng)大家學(xué)習(xí)一下如何處理這些情況吧!希望大家仔細閱讀,能夠?qū)W有所成!
璧山網(wǎng)站建設(shè)公司成都創(chuàng)新互聯(lián)公司,璧山網(wǎng)站設(shè)計制作,有大型網(wǎng)站制作公司豐富經(jīng)驗。已為璧山超過千家提供企業(yè)網(wǎng)站建設(shè)服務(wù)。企業(yè)網(wǎng)站搭建\外貿(mào)網(wǎng)站制作要多少錢,請找那個售后服務(wù)好的璧山做網(wǎng)站的公司定做!選擇器
p[name^=“my”]{font-size:14px}
選擇器 ^= 講規(guī)則應(yīng)用到所有 name屬性以“my”開頭的
元素標簽
p[name$=“my”]{font-size:14px}
選擇器 $= 講規(guī)則應(yīng)用到所有 name屬性以“my”結(jié)尾的
元素標簽
p[name*=“my”]{font-size:14px}
選擇器 $= 講規(guī)則應(yīng)用到所有 name屬性包含“my”結(jié)尾的
元素上
選擇器 > 、 + 、~
選擇器>表示受影響的元素是第一個元素的子元素。
選擇器+這 個選擇器引用緊跟元素之后的元素,這兩個元素必須有相同父級。
選擇器~與+類似,但受影響的元素不一定緊跟第一個元素。
偽類與引用元素名稱之間要加“:”
例:myclass:nth-child(2)
myclass元素中的第二個素
關(guān)鍵字“odd” ,“even”
myclass:nth-child(odd):影響其父元素索引位置為奇數(shù)的
myclass:nth-child(even):影響其父元素索引位置為偶數(shù)的
代碼如下:
1
2
1
2
1
2
效果如下:
1
2
1
2
1
2
否定偽類
:not(p){color:red}
除了
元素之外的其他元素都為red
“HTML5新增的Css選擇器及偽類的介紹”的內(nèi)容就介紹到這里了,感謝大家的閱讀。如果想了解更多行業(yè)相關(guān)的知識可以關(guān)注創(chuàng)新互聯(lián)網(wǎng)站,小編將為大家輸出更多高質(zhì)量的實用文章!