欢迎来到DIVCSS5查找CSS资料与学习DIV CSS布局技术!

 

属性抉择器兴许按照元素的属性及属性值来选择元素。

 

简单属性抉择

如果祈望决议有某个属性的元素,而岂论属性值是什么,可使用容易属性抉择器。

例子 1

如果您巴望把包含标题问题(title)的悉数元素变为红色,可能写作:

*[title] {color:red;}

例子 2

与下面近似,大约只对有 href 属性的锚(a 元素)应用格式:

a[href] {color:red;}

例子 3

还概略依照多个属性发展抉择,只要将属性决意器链接在一块儿就可。

比喻,为了将同时有 href 与 title 属性的 HTML 超链接的文本设置为赤色,大约多么写:

a[href][title] {color:red;}

例子 4

或者采用一些缔造性的方式使用这个特性。

例如,梗概对全数带有 alt 属性的图像使用款式,从而突出闪现这些有用的图像:

img[alt] {border: 5px solid red;}

提示:下面这个特例更适实用来诊断而不是整治,即用来注定图像是否确实有效。

例子 5:为 XML 文档使用属性选择器

属性决议器在 XML 文档中相当有用,由于 XML 说话主张要针对元素与属性的用途指定元素名与属性名。

假如我们为形貌太阳系行星计划了一个 XML 文档。如果我们想选择有 moons 属性的全体 planet 元素,使之展示为赤色,以便能更关注有 moons 的行星,就可以或许如许写:

planet[moons] {color:red;}

这会让如下标识表记标帜片断中的第二个与第三个元素的文本展现为赤色,但第一个元素的文本不是红色:

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

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