0
点赞
收藏
分享

微信扫一扫

HTML并集,交集,子代,后代选择器

大沈投资笔记 2024-05-25 阅读 18

1,交集选择器

他们必须满足既是p又是.box的关系(直接连写,没有任何符号)

p.box{
    color:red;
}
<div class="box"> 1 </div>
<p class="box">2</p>
<p>3</p>

2.并集选择器

将div,p,span同时设置一种样式,颜色啥的都可以设置。(中间用逗号分隔)

div,p,span{
       color:red;
    }

3.后代选择器:后代泛指儿子元素,孙子元素,重孙子元素都包含在内了(中间用空格隔开)

    div span{
       color:#333;
    }
    <span>span标签</span>
    <div>
    <span>这是div的儿子</span>
   </div>

4.子代选择器:只包含儿子元素(用>隔开)

div>span{
       color:#333;
    }
    <span>span标签</span>
    <div>
    <span>这是div的儿子</span>
    <p>
    <span>孙子</span>
    </p>
   </div>

举报

相关推荐

后代选择器之子选择器

0 条评论