后代选择器和子选择器的优先级问题

本文探讨了后代选择器和子选择器在CSS中的优先级问题。结论是两者优先级相同,对同一元素的影响取决于代码顺序,后写的样式会覆盖前面的。文章通过情况一和情况二的分析,揭示了当border样式定义时,如果不加破折号,会导致样式初始化,从而影响最终效果。
摘要由CSDN通过智能技术生成

先放结论:后代选择器和子选择器的优先级相同,所以二者对共同作用的元素得影响只与二者的代码顺序有关,在CSS里顺序靠后的先执行。

 情况一:

    .father>p{
        
        margin: 10,20,30,40;

        border: solid;
        border-width: 6px;
        border-color: black;
        padding: 30px,30px,30px,30px;
    }
    .father p{
        
        margin: 10,20,30,40;

        border: solid;
        border-width: 6px;
        border-color: blue;
        padding: 30px,30px,30px,30px;
    }


情况二:

    .father p{
        
        margin: 10,20,30,40;

        border: solid;
        border-width: 6px;
        border-color: blue;
        padding: 30px,30px,30px,30px;
    }
    .father>p{
        
        margin: 10,20,30,40;

        border: solid;
        border-width: 6px;
  
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值