首頁 >web前端 >html教學 >一道关于CSS选择器优先级的题_html/css_WEB-ITnose

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

WBOY
WBOY原創
2016-06-24 12:02:46821瀏覽

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

点击看看效果是不是跟你想的一样
陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn