“属性选择器”(Attribute Selectors )可能不应该让属性选择器感到疏远。 本质上，id和类选择器其实是属性选择器，只是选择了id或类的值(value )。
属性选择器的格式为元素后带大括号、大括号内带属性或h1[title]、h1[title='Logo']等属性表达式(不知道描述是否正确的原始语言)，如下所示
请注意，不支持属性选择器ie6
1、简易属性选择器
讲究其名称，无视其值是简易属性选择器的特征。
h1[class] {color: silver； }与class的值无关，作用于具有class的h1元素。 所以呢
Hello、Serenity和Fooling受此规则的影响。 当然，该“属性”不仅是class或id，还包括该元素的所有合法属性，例如img的alt，这样img[alt]{css declarations here； }适用于所有具有alt属性的img元素。 那么a [ href ] [ title ] { font-weight 3360 bold； }是？ 聪明的你一定知道这将作用于同时具有href和title属性的a元素。 例如。
2、准确属性值选择器
id和类本质上是准确的属性值选择器。 没错，h1#徽标与h1[id='徽标' ]相同。 如上所述，我们不仅可以使用id和class，还可以使用任何属性！ 例如： a [ href=' http://www.mb5u.com/' ] [ title=' W3C home ' ] { font-size 3360200 %； 作用于}。
3、部分属性值选择器
正如其名，如果属性值部分一致(这个部分实际上必须与整个单词一致)，则作用于该要素。 请看一个例子：
When handling plutonium，caremustbetakentoavoidtheformationofacriticalmass。
p [ class~=' warning ' ] { font-weight 3360 bold； }和p [类~~=' urgent ' ] { font-weight 3360 bold； }之一可以加粗此p的字体。 这个选择器非常方便。 例如，在设置插图样式时，title包含字符串" Figure "。 例如，对于title='Figure 5:xxx说明'，可以使用img[title~='Figure']。
重要的是，正如我首先强调的，你需要匹配的是整个单词，img[title~='Figure']与title='Figure5:xxx说明'不匹配。
另外，我做了一个小测试。 即使将示例中的“Figure”更改为“插图”，并将img[title~='Figure']更改为img[title~='插图' ]，在Firefox中也会匹配代码(编码) CSS对中文的支持似乎不错。
4、非凡属性选择器
有点奇怪，这个选择器。 它就是这样工作的。 嗯，举个例子比说明更简单。
*[lang|='en'] {color: white； }，此规则(rule )选择以属性lang的值en或en-开头的元素。 也就是说，它是一致的
你好！Greetings！
和G'day！ 与Bonjour不一致！
和Jrooana！