web前端基础（4）css复合选择器

最新推荐文章于 2022-06-30 18:25:56 发布

克罗地亚狂想曲

最新推荐文章于 2022-06-30 18:25:56 发布

阅读量185

点赞数

分类专栏： web前端文章标签： css

本文链接：https://blog.csdn.net/u010963053/article/details/105696777

版权

交集选择器

2个选择器组成，第一个为标签选择器，第二个为类选择器，2个选择器之间不能有空格，

如： div1.classname

/*  */
<head> 
    <style>
    .test1 {
        color: red;
    }
    p.test1 {  /* 只选择同时包含的标签，也就是标签5 */
        font-size: 30px;
    }

    </style>
</head>
<body>
    <div class="test1">测试111</div>
    <div>测试222</div>
    <div>测试333</div>
    <p>测试444</p>
    <p class="test1">测试555</p>

</body>

并集选择器

用逗号[ , ]连接，如： div, .classname, #idname

/*  */
<head> 
    <style>
    .test1 {
        color: red;
    }
    div, .test1, #test1 {  /*  */
        font-size: 30px;
    }

    </style>
</head>
<body>
    <div class="test1">测试111</div>
    <div>测试222</div

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

克罗地亚狂想曲

关注关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
web前端基础（4）css复合选择器

交集选择器2个选择器组成，第一个为标签选择器，第二个为类选择器，2个选择器之间不能有空格，如： div1.classname/* */<head> <style> .test1 { color: red; } p.test1 { /* 只选择同时包含的标签，也就是标签5 */ font-...
复制链接

扫一扫