首页 > Web开发 > 详细

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

时间:2014-06-24 17:50:40      阅读:384      评论:0      收藏:0      [点我收藏+]
<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选择器优先级的题

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

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!