CSS [attr ="value"]选择器,根据属性值匹配元素
[attr ="value"] 选择器
CSS中的[attr ="value"]属性选择器,可以根据元素设置的某一项属性的属性值来匹配HTML的元素。语法如下:
elementselector[attr="value"]{样式设置}
提示:elementselector为CSS选择器,可以是元素、类、ID等其它众多的选择器。
[attr ="value"]选择器实例代码,及在线编辑器
下方实例,通过[attr='value']选择器匹配查找段落中title的属性值为“段落”的p元素,并设置字体颜色为orange:
<p title="段落">段落一</p>
<p title="非段落">段落二</p>
<p title="段落">段落三</p>
<style>
p[title="段落"]{color:orange;}
</style>