CSS选择器

四大选择器
类型（标签、元素）选择器、id选择器、class选择器、特殊选择器。

1. 元素选择器：改变元素默认效果、用来统一文档中某个标签的显示效果

div{color:red;}

1. id选择器：创建网页的外围结构。用法：使用id选择器时需要给元素定义id属性、在css样式表中写id选择器时，id名前加#、起id名时要用英文，不能用关键字、一个id名称只能对应文档一个具体的元素。

#id名{color:red;}

1. class选择器：更适合定义一类样式。用法：使用id选择器时需要给元素定义class属性、在css样式表中写id选择器时，id名前加“.”。

.class名{color:red;}

以上三个时基础选择器，同时用的也最多；
以下时特殊选择器，择而用之

1. 群组选择器：当有多个选择器应用相同的样式时，可以使用群组选择器；

选择器1,选择器2,选择器3{color:red;}

2.通配符：就是选所有元素；常用来重置样式。

*{color:red;}

3.包含选择器（后代选择器）：选择符之间是父子关系

选择器1 选择器2{colo:red;}

4.伪类选择器：

a:link{color:red;} /*超链接的初始状态*/
a:visited{color:red;} /*超链接被访问后的状态*/
a:hover{color:red;} /*鼠标划过时的状态*/
a:active{color:red;} /*鼠标按下时的状态*/

CSS选择器的权重

类型选择器的权重：0001
class器的权重：0010
id选择器的权重：0100
属性选择器的权重：0010
伪类选择器的权重：0010
伪元素选择器的权重：0010
包含选择器的权重：选择器权重之和
内联样式的权重：1000
继承样式的权重：0000