天天看點
傳回

CSS選擇符的權重值優先級别

 CSS樣式所采用的的優先順序為：

¨         标有！important關鍵字聲明的屬性；

¨         HTML中的CSS樣式屬性；

¨         作者編輯的CSS檔案樣式屬性；

¨         使用者設定的樣式；

¨         浏覽器預設的樣式；

優先級的積分：

²        标簽選擇符、僞類以及僞對象：優先級積分為1；

²        類選擇符、屬性選擇符：優先級積分為10；

²        ID選擇符：優先級積分為100；

²        Style屬性：優先級積分為1000；

²        其他選擇符，如通配選擇符等：優先級積分為0；

     
  1.  <style type="text/css">        
    2.           
  2.  p {color:blue;}        
    3.           
  3.  p .myColor{color:black;}        
    4.           
  4.  .myColor{color:yellow;}        
    5.           
  5.  #myColor{color:red;}        
    6.           
  6.  </style>        
    7.      
    
     
  1.  <body>        
    2.       
  2.  <p>你猜猜我是什麼顔色，猜對了有獎哦！</p>        
    3.       
  3.  <p class="myColor">你猜猜我是什麼顔色，猜對了有獎哦！</p>        
    4.       
  4.  <p class="myColor" id="myColor">你猜猜我是什麼顔色，猜對了有獎哦！</p>        
    5.       
  5.  <p style="color: #0F0" class="myColor" id="myColor">你猜猜我是什麼顔色，猜對了有獎哦！</p>        
    6.       
  6.  </body>        
    7.          運作結果如下所示：      你猜猜我是什麼顔色，猜對了有獎哦！     你猜猜我是什麼顔色，猜對了有獎哦！
職場 css 休閑 選擇符
上一篇: css哪些樣式屬性可以繼承
下一篇: css選擇器，css優先級

繼續閱讀