样式选择规则 2018-03-08

<div class="box"><p class="text">请回答我的颜色以及字号</p></div>

<style>

    .box p{

        font-size:24px

    }

      .box  .text{

        color:red;

    }

    .text {

        font-size:18px;

    }

     div .text{

        color:green;

    }

</style>

答案:p的样式:红色   24px

首先我们判断颜色,其选择器分别为 .box .test 和 div .text,前者有两个类选择器,后者一个类选择器一个元素选择器,所以前者权重大,所以为红色。

接下来判断字体大小,同样其选择器分别为 .box p 和 .text,前者有一个类选择器一个元素选择器,后者只有一个类选择器,所以前者权重大,为24px。

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 13,815评论 1 92
  • CSS基础 本文包括CSS基础知识选择器(重要!!!)继承、特殊性、层叠、重要性CSS格式化排版单位和值盒模型浮动...
    廖少少阅读 3,209评论 0 40
  • 前端开发面试题 <a name='preface'>前言</a> 只看问题点这里 看全部问题和答案点这里 本文由我...
    自you是敏感词阅读 786评论 0 3
  • 我是文学的通灵兽 在动漫《火影忍者》中,忍者打斗时通常会召唤出自己的“通灵兽”。“通灵兽”身怀绝技,并且与召唤者有...
    肖弓阅读 258评论 0 0
  • 听着秋裤大叔那首《一晃就老了》,感慨良多,一字一句都直戳人心。 怎么刚刚学会懂事就老了 怎么刚刚学会包容就老了 怎...
    潭影星移阅读 335评论 -1 1