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>

全栈前端 / CSS教程 :



























Copyright © 2022-2024 笨鸟工具 x1y1z1.com All Rights Reserved.