Question

CSS属性选择器是什么意思

Answer 1

张玉婷767回答已经蛮容易懂的了，

至于你说的：

“对带有指定属性的 HTML 元素设置样式。”请问这句话怎么理解啊？
把属性和元素带入之后理解为：对带有颜色属性的p元素设置样式。越想越想不通。

对带有颜色属性的p元素设置样式，这句话是错的，这里所指的属性是元素内的属性并不是新式中的属性

比如<p title="xxxx"></p>这个title就是P的属性，样式中就可以指定，通过[attribute=title]这样来选择，然后定义样式，这样<p title="xxxx"></p>就会应用上你定义的样式了。

这个解释就更简单了，对带有指定属性的HTML，你结合LYZ810的回答就行了，它列出的就是元素中的一些属性。

例子：

.class    .intro    选择有class="intro"的所有元素。    

#id    #firstname    选择 id="firstname" 的所有元素。    

这些是最基础的，还可以选择lyz810所列出的一些

更多的，或者更新的，你可以看看这一页，这里介绍了更多的用法，比如指定不包含，等于，第几个，等等等：

www.w3school.com.cn/cssref/css_selectors.asp

Answer 2

举例说明：

1. [type=button]选取type属性是button的元素，如<input type="button">

2. [title]选取带有title属性的元素，如<a title="aaa"></a>

3. [name~=abc]选取name属性含abc的元素，按空格分隔属性，如<a name="abc eeeee"></a>、<a name="abc"></a>、<a name="ewe abc"></a>，但不能选取<a name="abcd"></a>

4. [name|=abc]选取name属性以abc开头的元素，按连字符-分隔属性，如<a name="abc"></a>、<a name="abc-eee"></a>

5. [name^=abc]选取name属性以abc开头的元素，如<a name="abc"></a>、<a name="abcd"></a><a name="abc ddd"></a>

6. [name$=abc]选取name属性以abc结尾的元素，如<a name="123abc"></a>

7. [name*=abc]选取name属性含abc的元素，如<a name="123abcdef"></a>