CSS選擇器及優先級

目錄

css選擇器

CSS選擇器優先級

css選擇器

    解釋：對一種有辨別的内容進行樣式變化

1. 标簽選擇器：    對應的标簽檔案所有對應的标簽都會被選擇修飾    選擇器名：标簽  
2. 類選擇器：        标簽内的屬性:class="值"  選擇器名: '.class'  ，顧名思義，是一類的内容使用同一種樣式
3. ID選擇器：       标簽内的屬性:id='值' 選擇器名:'#id'  id保持唯一性，意思是一個ID不應該重複使用
4. 屬性選擇器：  [屬性] 選擇帶有制定屬性的标簽進行修飾   選擇器名：[屬性]
5. 屬性值選擇器：   [屬性=值] 選擇帶有指定屬性和屬性值的标簽進行修飾  選擇器名：[屬性=值]
6. 等等

body {
	background-color: black;
}

font {
	color: white;
	display: inline;
	font-weight: lighter;
	font-size: 24px;
}
.font_1 {
			color: pink;
		}
font {
	color:red;
	display: block;
	font-weight: bolder;
}
#f {
	color: gray;
}
[type=text]{
	width: 200px;
}
p[align] {
	color: white;
}
font:nth-child(even) {
	color: white;
}
           

上面的代碼格式都是正确的，CSS選擇器就可以完成分類使用樣式。這樣就可以批量的處理頁面的樣式

CSS選擇器優先級

在不同種選擇器中添加相同的屬性就會發生沖突，到底應該聽誰的？ 這時候選擇器優先級的作用就展現出來了。

選擇器的優先級為：

     id選擇器 > class選擇器 > 标簽選擇器