一道关于CSS选择器优先级的题_html/css_WEB-ITnose

<span style="font-size:14px;">      <style type="text/css">        #redP p {             /* 权值 = 100+1=101 */             color:#F00;  /* 红色 */        }         #redP .red em {             /* 权值 = 100+10+1=111 */             color:#00F; /* 蓝色 */         }         #redP p span em {             /* 权值 = 100+1+1+1=103 */             color:#FF0;/*黄色*/        }    </style>         <div id="redP">        <p class="red">red           <span><em>em red</em></span>        </p>        <p>red</p>     </div>  </span>

点击看看效果是不是跟你想的一样