这是我无意中发现的一个网址,上面有很多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的表单,属性选择器特别有用。
选择器 | 描述 |
---|---|
用于选取带有指定属性的元素。 | |
用于选取带有指定属性和值的元素。 | |
用于选取属性值中包含指定词汇的元素。 | |
用于选取带有以指定值开头的属性值的元素,该值必须是整个单词。 | |
匹配属性值以指定值开头的每个元素。 | |
匹配属性值以指定值结尾的每个元素。 | |
匹配属性值中包含指定值的每个元素。 |