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]	匹配属性值中包含指定值的每个元素。