css初级之属性选择器

这是我无意中发现的一个网址href="http://www.java1234.com/index.html,上面有很多javaWeb学习资源。然后我又无意中发现了联系了站长小锋老师,成为了他的学生。这里给小锋老师宣传下,嘿嘿!

属性选择器即指对带有指定属性的元素设置样式。IE7以及更高的版本在规定了在!doctype的情况下支持属性选择器,IE6以及更低的版本不支持属性选择器。

属性选择器

[title]{color:red;} 凡带有title属性的元素,字均为红色

属性和值选择器

[title=css]{border:5px;solid:blue;}凡title属性值为css的元素内容,均加5像素的蓝色边框。

[title~=css]{border:5px;solid:blue;}适用于用空格分隔的属性值,凡title属性值带有css单词的均遵循此样式。

[title|=css]{border:5px;solid:blue;}适用于由连字符分隔的字符,如title="css-as"。

对与不带calss和id的表单,属性选择器特别有用。

选择器描述
[attribute] 用于选取带有指定属性的元素。
[attribute=value] 用于选取带有指定属性和值的元素。
[attribute~=value] 用于选取属性值中包含指定词汇的元素。
[attribute|=value] 用于选取带有以指定值开头的属性值的元素,该值必须是整个单词。
[attribute^=value] 匹配属性值以指定值开头的每个元素。
[attribute$=value] 匹配属性值以指定值结尾的每个元素。
[attribute*=value] 匹配属性值中包含指定值的每个元素。
原文地址:https://www.cnblogs.com/ligui989/p/3150779.html