CSS选择符

CSS选择器：

1. 类型选择器(标签选择器)  以文档对象html中的标签作为选择符
1. 想改变某个元素的默认样式时或者统一文档某个元素的显示效果时
2. 语法：标签{属性：属性值；}   例如：div{width：200px；}
3. 特点：选择页面中所有的当前元素（div 选中页面中所有的div）
4. 作用: (1)想统一某个标签样式的时候，(2)想清除某个元素默认样式的时候。
2. Class选择器(类选择器)
1. 想要区分某个标签的时，比如想要区分2个div。
2. 语法：<标签 class=“box”></div>   .Class名字{属性：属性值；}  例如：.box{width：300px；}
3. 特点：Class可以给多个属性值，多个属性值之间用空格隔开；class可以重复使用。例如：<div class=“box  a1  a3”></div>
4. 作用：更适合定义一类样式。
3. ID选择器
1. 想要区分某个标签的时，比如想要区分2个div。
2. 语法：<标签 id=“box1”></div>    #ID名字{ 属性：属性值；}  例如：#box1{width:200px;}
3. 特点：id是唯一的，在同一个页面内，只能出现一次。
4. 作用：id名称用作网页外围结构的搭建。

         4.  通配符

1. 想让所有的标签同时改变样式的时候
2. 语法：*{属性：属性值；}  例如： *{color：red；}
3. 作用：清除内填充和外边距（暂时用法）

　　　5.  群组选择器

1. 当几个元素样式属性一样时，可以共同调用一个声明，元素之间用逗号分隔。
2. 语法：选择器1，选择器2，选择器3{属性：属性值；}  例如： .box,p,#a2{width：300px；}

　　6.  伪类选择器

　　A． link 

　　　　a．用来设定链接初始的样式。

　　　　b．语法：选择器:link{属性：属性值；}   例如： a:link{width：200px；}

　　B． visited

　　　　a． 用来设定链接访问过后的样式。

　　　　b． 语法：选择器:visited{属性：属性值；}  例如： a:visited{width：300px；}

　　C． hover 

　　　　a．用来设定鼠标悬停上去的样式。

　　B．语法：选择器:hover{属性：属性值；}   例如： div:hover{width：200px；} 

　　D． active

　　　　a． 用来设定链接按住不动的样式。

　　　　b．   语法：选择器:active{属性：属性值；}   例如： a:active{width：200px；}

　　E． focus

　　　　a． 用于选取获得焦点的元素。

　　　　b．   语法：选择器:focus{属性：属性值；}  例如： input：focus{width：300px；}

　　常用的方法：a{color:black;}  a:hover{color:yellow;}

   　　 注意：做hover的交互效果：能实现自身样式的改变，以及子元素样式的改变

                                             无法对父元素做样式的改变。

　　　css的层叠性：产生权重关系；内联样式表权重>内部样式表和外部样式表；！import权重最高；

　　　　　　　　　模式的比较：开发者样式>读者模式>浏览器模式；

　　　选择器得规则：当不同选择符的样式设置有冲突的时候，高权重的选择符样式会覆盖低权重的选择符的样式；相同权重的选择符，样式遵循就近原则：哪个选择符最后定义，就采用哪个选择符样式。