选择器权重

认识选择器

1. 类型选择器 (a,div,p)

2. 类选择器(class)

语法：class="类名" .类名{属性：属性值;} 可以起多个名字。

id选择器

语法：id="id名" #名字 {属性：属性值;}

注意：id只能起一个名字，可以作为锚点使用，相当于身份证。

伪类选择器

1. a:link 超链接访问前样式

2. a:visited 超链接访问后样式

3. E:hover`当鼠标悬停显示的样式

4. E:active 鼠标按下显示的样式

E表示任何选择器.

通配符

语法： * {属性：属性值;}  例如：* {margin:0;}

作用：清楚页面上所以标签默认的样式。

群组选择器

语法：div,p,span,{属性：属性值;}

作用：把一些拥有公共样式的选择器一起添加声明。

 包含选择器

语法：父元素 子元素 {声明;声明;}

例如：div span {声明; 声明;}

作用：父亲div 下面的儿子span添加声明。

注意：元素之间要用空格隔开样式才生效。

权重

1. 标签选择器（0，0，0，1）

2. 类选择器class（0，0，1，0）

3. id选择器 (0,  1 ,  0 , 0)

4. 群组选择器 （选择器自身大小）

5. 包含选择器 （选择器权重之和）

6. !importent （最高权重）

7.注意：如果选择器一样，后者优先执行

8. 补充：继承选择器的权重为0，与直接作用相比，继承更小。