属性选择器

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

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

posted @ 2017-07-07 18:35  某个润滑君  阅读(154)  评论(0编辑  收藏  举报