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.继承就近原则