CSS 属性选择器

基于元素的属性和属性值选择元素的功能非常强大。

这将检查是否存在属性:

1a[title] {
2  background-color: yellow;
3}

这将检查具有特定值的属性:

1a[target="_blank"] {
2  background-color: hotpink;
3}

但等等,还有更多!

你可以做得更多:

  • [ATTRIBUTE~=foo]:检查值是否包含单词foo。
  • [ATTRIBUTE|=foo]:检查值是否以单词foo开头。
  • [ATTRIBUTE^=foo]:检查值是否以字母foo开头。
  • [ATTRIBUTE$=foo]:检查值是否以foo结尾。
  • [ATTRIBUTE* =FOO]:检查Value是否包含字母Foo。
Published At
Categories with 技术
Tagged with
comments powered by Disqus