CSS [attribute]属性选择器

[attribute]选择器

CSS中,可以通过元素的属性来匹配查找到设置了某一属性的元素,其语法如下:

selector[attribute]{ 样式设置 }

提示:selector选择器匹配到某一类元素,然后通过[attribute]来继续在selector匹配到的元素中匹配查找具有某一属性的HTML元素。


[attribute]选择器实例代码,及在线编辑器

下方实例,通过[attribute]属性选择器匹配查找设置了lang属性的段落,并将字体颜色为skyblue:

<p lang='zh-CN'>段落一</p>
<p>段落二</p>
<p lang='zh-CN'>段落三</p>

<style>
  p[lang]{color:skyblue;}
</style>

全栈前端 / CSS教程 :



























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