CSS選擇器的分類 之 基礎選擇器
- 前言
- 標簽選擇器（元素選擇器）
- 類選擇器
- 多類名
- id 選擇器
- 通配符選擇器
前言
基礎選擇器是由單個選擇器組成，
標簽選擇器（元素選擇器）
書寫格式（示例）：
標簽名 {
屬性: 屬性值;
}
說明：
用 HTML標簽名稱作為選擇器，按標簽名稱分類，為頁面中某一類標簽指定統一的CSS樣式
作用：
標簽選擇器可以把某一類標簽全部選擇出來，比如所有的<div>和<span>標簽
優點：
能快速為頁面中同型別的標簽統一設定樣式
缺點：
不能設計差異化樣式，只能選擇全部的當前標簽
類選擇器
書寫格式（示例）：
.類名{
屬性: 屬性值;
......
}
<div class="類名">什么是快樂星球！</div>
多類名
多類名的使用方式：
<style>
.red {
color: red;
}
.font35 {
font-size: 35px;
}
</style>
<div class="red font35">什么是快樂星球</div>
注意：
（1） 在標簽中class屬性中寫多個類名
（2） 多個類名中間必須用空格分開
（3） 這個標簽就可以分別具有這些類名的樣式
多類名的使用場景：
<div class="pink font20">什么是快樂星球</div>
<div class="pink ">什么是快樂星球</div>
<div class="font15">什么是快樂星球</div>
<div class="pink font15">什么是快樂星球</div>
注意：
（1） 可以把一些標簽元素相同的樣式（共同的部分）放到一個類里面
（2） 這些標簽都可以呼叫這個公共的類，然后再呼叫自己獨有的類
（3） 從而節省CSS代碼，統一修改也非常方便
id 選擇器
書寫格式（示例）：
#id名{
屬性：屬性值;
......
}
<div id="id名">什么是快樂星球！</div>
id選擇器的口訣：
樣式 # 定義
結構 id 呼叫
只能呼叫一次
別人切勿使用
id 選擇器和類選擇器的區別：
（1）類選擇器（class）相當于的名字，一個人可以有多個名字，同一個名字也可以被多個人使用
（2）id 選擇器相當于人的身份證號碼，全中國是唯一的，不得重復
（3）id 選擇器和類選擇器最大的不同在于使用次數上
（4）類選擇器在修改樣式中用的最多，id 選擇器一般用于頁面唯一性的元素上，經常和 JavaScript 搭配使用
通配符選擇器
書寫格式（示例）：
*｛
屬性：屬性值；
......
｝
應用舉例（清除所有的元素標簽的內外邊距）：
*｛
margin： 0；
padding： 0；
｝
注意：
（1）通配符選擇器不需要呼叫，自動就給所有的元素使用樣式
（2）特殊情況才使用
轉載請註明出處，本文鏈接：https://www.uj5u.com/ruanti/303914.html
標籤：其他