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