多類名選擇器
我們可以給標籤指定多個類名，從而達到更多的選擇目的。
注意：
- 樣式顯示效果跟HTML元素中的類名先後順序沒有關係,受CSS樣式書寫的上下順序有關。
- 各個類名中間用空格隔開。
多類名選擇器在後期佈局比較複雜的情況下，還是較多使用的。
<div class="pink fontWeight font20">亞瑟</div>
<div class="font20">劉備</div>
<div class="font14 pink">安其拉</div>
<div class="font14">貂蟬</div>
案例
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>多類名選擇器</title>
<style>
.red {
color: red;
}
.font20 {
font-size: 20px;
color: blue;
}
.fontw {
font-weight: 700;
}
</style>
</head>
<body>
<div class="font20 red fontw">多類名選擇器</div>
<p class="red fontw" >多類名選擇器</p>
<p>多類名選擇器</p>
<p class="red">多類名選擇器</p>
<div>多類名選擇器</div>
</body>
</html>
id選擇器
id選擇器使用“#”進行標識，後面緊跟id名，其基本語法格式如下：
#id名{屬性1:屬性值1; 屬性2:屬性值2; 屬性3:屬性值3; }
該語法中，id名即爲HTML元素的id屬性值，大多數HTML元素都可以定義id屬性，元素的id值是唯一的，只能對應於文檔中某一個具體的元素。
用法基本和類選擇器相同。
就像一張身份證，姓名是類名選擇器，身份證號是ID選擇器
id選擇器和類選擇器區別
W3C標準規定，在同一個頁面內，不允許有相同名字的id對象出現，但是允許相同名字的class。
類選擇器（class） 好比人的名字， 是可以多次重複使用的， 比如 張偉 王偉 李偉 李娜
id選擇器 好比人的身份證號碼， 全中國是唯一的， 不得重複。 只能使用一次。
id選擇器和類選擇器最大的不同在於 使用次數上。
案例
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
#last {
color: pink;
}
</style>
</head>
<body>
<div>id選擇器</div>
<div>id選擇器</div>
<div>id選擇器</div>
<div id="last" class="red">id選擇器</div>
</body>
</html>
通配符選擇器
通配符選擇器用“*”號表示，他是所有選擇器中作用範圍最廣的，能匹配頁面中所有的元素。其基本語法格式如下：
* { 屬性1:屬性值1; 屬性2:屬性值2; 屬性3:屬性值3; }
例如下面的代碼，使用通配符選擇器定義CSS樣式，清除所有HTML標記的默認邊距。
* {
margin: 0; /* 定義外邊距*/
padding: 0; /* 定義內邊距*/
}
案例
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
* { /** 代表所有標籤的意思 使用較少 */
color: red;
}
</style>
</head>
<body>
<div>我是標籤</div>
<p>我是段落</p>
<span>我是標籤</span>
<table>我是表格</table>
</body>
</html>