属性选择器使我们根据属性或属性的值来选择元素
如果要把包含某个属性(如title)的元素全部选择:
eg:*[title]{}
如果要选择包含某个属性的特定元素:
eg:a[href]{}
可以同时选中多个属性:
eg:a[title][href]{}
根据具体属性值来进行选择:
eg:a[href="http://www.w3school.com.cn/about_us.asp"] {color: red;}
另外,还有部分匹配值的属性选择器:
[attribute~=value]:用于选取属性值中包含指定词汇的元素
[attribute^=value]:匹配属性值以指定值开头的每个元素
[attribute$=value]:匹配属性值中包含指定值的每个元素
[attribute|=value]:用于选取带有以指定值开头的属性值的元素,该值必须是整个单词。该值必须是整个单词,比如 lang="en",或者后面跟着连字符,比如 lang="en-us"