Css（選取器）

標籤：font   1.5   生效   class   通用   條件   優先   優先順序   normal   

文法

 

  
<style type="text/css>
  

  
</style>
 

     標籤選取器

 

  
li {
  
color: red;
  
}
 

     ID選取器

 

  
#li{
  
color: yellow;
  
}
 

        唯一的，同一頁面只能有一個
        優先順序高於類別選取器
    類別選取器

 

  
.li{
  
color: blue;
  
}
 

        優先順序高於標籤選取器     通用選取器          優先順序最低

 

  
*{
  
}
 

     後代選取器        

 

  
div li{
  
 color:red;
  
}
 

>子代選取器，只能選擇下一層級的類或標籤，不能越級使用

 

  
div>ul>li{
  
 color:red;
  
}
 

     交集選取器

 

  
.li#li{
  
/*
  
元素必須同時滿足.li和#li才能使用
  
*/
  
}
 

     並集選取器

 

  
.li,#li,div{
  
/*
  
元素只要具備一個條件即可生效
  
*/
  
}
 

    CSS3新增選取器選取器優先順序    1.第一原則：近者優先，最內層選取器永遠比外層優先
        例：div ul li >div #ul,li在ul內層，所以li標籤選取器能覆蓋外層id選取器
    2.當作用在同一層時，ID選取器>class選取器>標籤選取器
        例：div #li>div .li>div li
    3.當作用於同一層，且最後一層選取器沒有優先關係（均為class或id）
        例：div ul li >div li,作用範圍選的更精準，則優先順序更高
    4.優先順序完全相同時，按照代碼執行順序，後面的選取器會覆蓋前面的選取器


null

Css（選取器）