首页 > 代码库 > 一道关于CSS选择器优先级的题

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

2024-07-09 08:23:36   223人阅读

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

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


联系
我们