基于元素的属性和属性值选择元素的功能非常强大。
这将检查是否存在属性:
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。