样式选择规则 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。