### 選擇器分兩種：一種是基礎選擇器，一種是高級選擇器 ### 基礎選擇器：標簽選擇器，id選擇器， 類名選擇器 ### 高級選擇器： 后代選擇器，交集選擇器，并集選擇器 ## **5.1 標簽選擇器** 選擇方法，通過標簽名選擇 選書寫方法：標簽名 選擇范圍：全標簽 用途：實現全選同名標簽，可以設置公共樣式 缺點：只能進行全選，不能進行單獨搭建。 ``` div{ color:blue; } <div> 這里的內容全部變成CSS里的div樣式</div> ``` 所有div的標簽全部賦值。 ## **5.2 ID選擇器** 通過標簽ID屬性進行選擇 書寫方法： #id 屬性值（自定義）調用 di="自定義名稱" 選擇范圍： 只能選中一個標簽 id其實就是標簽的身份證號，具有唯一性，規定一個頁面中不允許有同名ID屬性。 優點：ID屬性的權重高 缺點：只能實現單選 案例： ``` #p1{ color:blue; } <p id="p1"> 第一段文字</p> ``` ## **5.3 類名選擇器 class** .自定義名稱{ } 案例： ``` .pw{ color:#DC143C; } <p class='pw'> 第一段文字</p> ``` 優點：可以隨意命名 id和class屬性命名規范：第一個字符必須是字母，后面的可以是數字下劃線等。 多個class屬性之間 使用空格隔開 ## **5.4通配符選擇器** *{ CSS屬性 } 寫到CSS文件上面全局全通用。 案例： ``` *{ margin:0; padding:0; } p{ width:100px; height: 100px; background:purple; margin:0; padding:0; } h2{ width:100px; height:100px; background:blue; } <p>文字</p> <h2>我的</h2> ``` 輸出效果：