CSS選擇器

語法

CSS樣式的語法

選擇器{
	鍵1:值1;
	鍵2:值2;
	鍵3:值4
}

要求：一定要先選擇DOM元素，再設置樣式

類型

A.基本選擇器
	1.ID選擇器 #id
		選擇的結果是唯一的
		#a1{color: red;} 

	2.標籤選擇器 標籤名
		選擇的結果是0到多個 
	    div{color: blue;} 
	
	3.類選擇器 .類名
		選擇的結果是0到多個 最靈活最常用
		.banji{color: red;}
		.nianji{color: blue;} 
	
	4.通配符選擇器 *
		代表選擇頁面所有的元素  == body
		*{color: green;} 

B.屬性選擇器
	1.[屬性]	 
	 [flag]{color: red;} 

	2.[屬性=值]
	如果發現值選擇不到試圖加單引號
  	[flag='1']{color: red;} 

	3.[屬性^=X] 屬性的值以X開頭的被選中
 	[flag^='al']{color: red;} 
 
	4.[屬性$=X]屬性的值以X結尾的被選中
 	[flag$='s9']{color: red;} 

	5.[屬性*=X]屬性的值包含X的都會被選中
 	[flag*='cl']{color: red;} 

C.層級選擇器
	1.後代選擇器
	父類 子類1 子子類 ...
	父類子類子子類支持所有其他的選擇器
	子類可以是父類的兒子也可以是孫子或者是後代(重點)
 	#d2 p{color: red;} 

繼承

1.父類節點編寫的樣式子類會繼承
2.子類重寫父類樣式之後會使用子類重寫的樣式
3.繼承就近原則