属性选择器

属性选择器使我们根据属性或属性的值来选择元素

如果要把包含某个属性(如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"

原文地址:https://www.cnblogs.com/runhua/p/7133667.html