码迷,mamicode.com
首页 > Web开发 > 详细

一道关于CSS选择器优先级的题

时间:2014-06-24 17:50:18      阅读:275      评论:0      收藏:0      [点我收藏+]

标签:css

<span style="font-size:14px;"><html>
  <head>
    <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>
  </head>
  <body>
     <div id="redP">
        <p class="red">red
           <span><em>em red</em></span>
        </p>
        <p>red</p>
     </div>
  </body>
</html></span>

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

一道关于CSS选择器优先级的题,布布扣,bubuko.com

一道关于CSS选择器优先级的题

标签:css

原文地址:http://blog.csdn.net/u011043843/article/details/33386947

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!