属性选择器

最新推荐文章于 2024-03-31 14:47:03 发布

东北玛丽的小笔记

最新推荐文章于 2024-03-31 14:47:03 发布

阅读量443

点赞数 1

分类专栏： H5C3

本文链接：https://blog.csdn.net/weixin_44614856/article/details/88236899

版权

H5C3 专栏收录该内容

9 篇文章 0 订阅

订阅专栏

[attr=value] 选中E元素中属性有attr的且属性值为value的元素
[attr^=value] 选中E元素中属性有attr的且属性值以value开头的元素
[attr$=value] 选中E元素中属性有attr的且属性值以value结尾的元素
[attr*=value] 选中E元素中属性有attr的且属性值包含value的元素
例：

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <style>
[class^='a']{
   color: red;
}
    </style>
    <title></title>
</head>
<body>
<div class="asd">哈哈哈</div>
<div  class="adr">哈哦哦</div>
<div class="fsg">嗷嗷哈</div>
<div class="qwd">和哈哈</div>

</body>
</html>

执行结果：
在这里插入图片描述