CSS [attr*="value"]选择器,匹配属性值包含value元素

[attr*="value"]选择器

CSS [attr*="value"]属性选择器,可以匹配获取HTML文档中设置了attr属性,且属性值包含value的元素。


语法

selector[attr*="value"]{样式设置}

提示:selector是CSS中的选择器,可以是元素选择器、id、class等等选择器,返回的是一个包含元素的集合,然后通过[attr*="value"]选择器再次匹配获取元素。如果不设置selector,则匹配所有设置了attr属性且值包含value的元素。


[attr*="value"]选择器实例代码,及在线编辑器

<p class='xyz'>笨鸟工具,x1y1z1.com</p>
<p class='xy'>段落二</p>
<div class='z'>div一</div>

<style>
  [class*="z"]{color:green;}
</style>

全栈前端 / CSS教程 :



























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