css3系列之屬性選擇器


Attribute Selectors(屬性選擇器)

  E[attr ~="val"]  E[attr |="val"]  E[attr ^="val"]  E[attr $="val"]  E[attr *="val"]

 

E[attr ~="val"]

  我們平常用的屬性選擇器是 E[data="a"],我們來看看他們兩個有什么區別:

 

E[attr |="val"]  這個|是  \  這個鍵的|

  選擇以val 開頭的元素,以val開頭的元素后面可以加-

 

E[attr ^="val"]  E[attr $="val"]

這兩個選擇器比較簡單,我就放在一起講了:

  E[attr ^="val"]  以 val 開頭的

  E[attr $="val"]  以 val 結尾的

 

E[attr *="val"]

  里面只要包含着 val 就可以選中

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM