依照详细属性值抉择

除了决定领有某些属性的元素，还可以进一步缩小决意范围，只抉择有特定属性值的元素。

例子 1

比如，若是渴望将指向 Web 管事器上某个指定文档的超链接酿成赤色，可以何等写：

a[href="http://www.w3school.com.cn/about_us.asp"] {color: red;}

例子 2

与容易属性抉择器近似，可以把多个属性-值抉择器链接在一块儿来抉择一个文档。

a[href="http://www.w3school.com.cn/"][title="W3School"] {color: red;}

这会把如下符号中的第一个超链接的文本变为赤色，然则第二个或第三个链接不受影响：

<a href="http://www.w3school.com.cn/" title="W3School">W3School</a>
<a href="http://www.w3school.com.cn/css/" title="CSS">CSS</a>
<a href="http://www.w3school.com.cn/html/" title="HTML">HTML</a>

例子 3

一样地，XML 措辞也能够利用这种方法来设置装备摆设样式。

下面咱们再回到行星阿谁例子中。假如只盼望决定 moons 属性值为 1 的那些 planet 元素：

planet[moons="1"] {color: red;}

下面的代码会把以下标记中的第二个元素酿成红色，但第一个与第三个元素不受影响：

<planet>Venus</planet>
<planet moons="1">Earth</planet>
<planet moons="2">Mars</planet>

属性与属性值必需彻底娶亲

请属意，这种格局要求必须与属性值完全匹配。

如果属性值蕴含用空格归并的值列表，完婚即大概出标题问题。

请考虑一下的符号片断：

<p class="important warning">This paragraph is a very important warning.</p>

如果写成 p[class="important"]，那么这个规则不克不及立室示例标记。

要遵照具体属性值来决议该元素，必需何等写：

p[class="important warning"] {color: red;}

如需转载，请注明文章出处和来源网址：http://www.divcss5.com/css-texiao/texiao52298.shtml