CSS3选择器

最新推荐文章于 2023-06-22 15:09:42 发布

Allen_miss

最新推荐文章于 2023-06-22 15:09:42 发布

阅读量80

点赞数

分类专栏： Html

本文链接：https://blog.csdn.net/qq_31765817/article/details/89517280

版权

Html 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

id*div:表示所有id有div的都继承次属性

[id*=div] {
           color: lime;
       }

id^div：表示头部带有div的都继承次属性

 [id^=div] {
            color: darkmagenta;
        }

id&=div:表示尾部带有div的继承此属性

[id$=div] {
            color: crimson;
        }

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="app.js"></script>
    <style>
        [id*=div] {
            color: lime;
        }

        [id^=div] {
            color: darkmagenta;
        }

        [id$=div] {
            color: crimson;
        }
    </style>
</head>
<body>
<div id="mydiv1">文本实例</div>
<div id="div2">文本实例</div>
<div id="div3">文本实例</div>
<div id="mydiv">文本实例</div>
</body>
</html>

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

Allen_miss

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
CSS3选择器

id*div:表示所有id有div的都继承次属性[id*=div] { color: lime; }id^div：表示头部带有div的都继承次属性 [id^=div] { color: darkmagenta; }id&=div:表示尾部带有div的继承此属性[id$=div] { ...
复制链接

扫一扫