Attribute Selectors(属性选择器)

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

 

E[attr ~="val"]

  我们平常用的属性选择器是 E[data="a"],我们来看看他们两个有什么区别:

css3系列之属性选择器

 

E[attr |="val"]  这个|是  \  这个键的|

  选择以val 开头的元素,以val开头的元素后面可以加-

css3系列之属性选择器

 

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

这两个选择器比较简单,我就放在一起讲了:

  E[attr ^="val"]  以 val 开头的

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

css3系列之属性选择器

 

E[attr *="val"]

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

css3系列之属性选择器

 

相关文章:

  • 2021-05-11
  • 2021-04-20
  • 2022-12-23
  • 2022-01-30
  • 2021-12-18
  • 2022-01-30
猜你喜欢
  • 2022-12-23
  • 2022-12-23
  • 2021-07-26
  • 2021-12-13
  • 2021-11-16
  • 2021-10-12
  • 2021-10-21
相关资源
相似解决方案