CSS選取器有哪些？CSS選取器優先順序判定

選取器就是指定CSS要作用的標籤，那個標籤的名稱就是選取器。意為：選擇哪個容器（標籤本身就是封裝資料的容器）。

@CHARSET "UTF-8";          /*css中選取器有很多種，第一種就是最基本的元素選取器（又稱類型選取器）。           *文檔的元素就是最基本的選取器。           *如果設定 HTML 的樣式，選取器通常將是某個 HTML 元素，           *   比如 p、h1、em、a，甚至可以是 html 本身：           */         h2{           color:blue;         }                  /*第二種選取器： 類樣式選取器 */          /*對所有 "aa"類樣式進行設定     .aa{       background-color: #00FF00;     }     */          /*僅僅是對p中的"aa"類樣式進行設定*/     p.aa{       background-color: #00FF00;     }     .bb{        background-color: #004444;      }          /*第三種選取器 id選取器       *識別碼選取器允許以一種獨立於文件項目的方式來指定樣式。          *在某些方面，識別碼選取器類似於類別選取器，不過也有一些重要差別。      */          /*id選取器*/     #d1{        background-color: #0000FF;     }               /*其他選取器*/         /*1.關聯選取器*/      p span{/*選擇p標籤容器中的span*/        font-size:20pt;      }          /*2.組合選取器*/    p span，.c,#d1{      color:red;    }        /*3.虛擬元素選取器*/   /*CSS 虛擬元素用於向某些選取器設定特殊效果。*/    span:HOVER {          background-color:#FFFF00;          font-size: 20pt;          cursor: pointer;   }         a{     text-decoration: none;   }          /*L-V-H-A*/        a:link{      color: red;      font-size: 12pt;   }   a:visited{     color:blue;     font-size: 16pt;   }   a:hover{     background-color: #00FF00;     font-size:20pt;   }   a:active{     color:#FFFF00;   }       input:focus{     background-color: #00FFFF;   }      /*星號選取器，選擇所有*/   *{     text-decoration: underline;   }      /*屬性選取器,所有具有type屬性的元素*/   [type]{      margin: 10px;   }   /*具有name屬性且屬性值為'math'*/   [name="math"]{      background-color: #0ff;   }      a[href="http://www.w3school.com.cn/"][title="W3School"] {      color: red;   }      /* 關聯選取器---後代 */   h1 em{       color: red;   }      /*子項目選取器---兒子*/   p > em{      color: blue;   }      /*相鄰元素選取器---後續兄弟*/   li + li {     font-weight:bold;   }

相關文章：

css 類別選取器和id選取器

CSS選取器整理

相關視頻：

類別選取器-2016年新課程體系html+css視頻