CSS（層疊樣式表）是一種用于頁面內渲染 HTML，XML 等的一種基礎語言，而選擇器更是學習 CSS 的重中之重，選擇器能對相應的元素進行選擇，從而開始添加我們想要的樣式，選擇器可以進行單個元素或多個元素的渲染效果，用合適的選擇器能事半功倍，大大節(jié)省編輯時間，接下來我們來具體說說 CSS 中的基礎選擇器。
五大基礎選擇器
1.通配符選擇器
通配符選擇器可以選擇頁面上的所有元素，并對他們應用想要的樣式，用 * 來表示。但不建議使用，IE6不支持，給大型網站增加負擔。
語法：* {屬性：值}
* { color : red ; } <!--頁面中的元素都會變紅色-->
* { font-size : 30px ; } <!--頁面中的字體都會變成30px-->
2.標簽選擇器（元素選擇器）
一個完整的HTML頁面是由很多不同的標簽組成。標簽選擇器可以直接設置HTML元素的樣式，比如h1、td、p、a，甚至可以是html本身。
語法：標簽名 { 屬性：值 }
h1 { color : blue ;} <!--所有h1標簽變藍色-->
a { text-decoration : none ; } <!--所有鏈接沒有下劃線-->
3.ID選擇器
ID選擇器可以為標有特定ID的HTML元素指定特定的樣式。根據元素ID來選擇元素，具有唯一性，這說明一個ID在一個頁面內只能出現一次，ID選擇器以“#”來定義，在HTML中用 id 來引用
語法：#id屬性值 { 屬性：值 }
CSS代碼：#demo { color : green ; } <!--使 id 為 demo 的元素字體變?yōu)榫G色-->
HTML代碼：<p id="demo">我會變成綠色</p>
4.類選擇器
類選擇器使用類名來選擇元素，前提是要在HTML代碼中給元素添加一個class的屬性，class="類名",然后在CSS代碼中使用 " . " 進行標識，后面緊跟類名
語法：.class屬性值 { 屬性：值 }
CSS代碼：.text { color : gray ; } <!--使 class 為 text 的元素字體變?yōu)?yellow-->
HTML代碼：<p class="text">我會變成灰色</p>
5.群組選擇器
當幾個元素樣式屬性一樣時，可以共同調用一個聲明，元素之間用逗號分隔。要注意逗號是為了告訴瀏覽器規(guī)則中包含多個不同的選擇器，如果沒有這個逗號意義就完全不同了，就會變成后代選擇器，這點要注意。
CSS代碼：.demo , p { color : pink ; }
HTML代碼:<p>我會變粉色</p><div class="demo">我也會變粉色</div>
邊學習邊做實例是最有效果的，珍藏多年的高效CSS選擇器視頻教程，忍痛分享給大家：
還有微課，在線編輯效果一目了然，竟然還能得到w3cschool的證書，何樂而不為呢
