<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。