CSS选择器总结

CSS有两部分组成：选择器和声明（属性和属性值）

一，选择器｛属性： 属性值｝

1. 标签选择器

html标签｛属性：属性值｝

p{
		color:#f00;
}

2. ID选择器

#ID名称｛属性：属性值｝

#apple{
		color:#f00;
}

3. 类选择器

.CLASS名称｛属性：属性值｝

.apple{
		color:#f00;
}

4. 通配符选择器

重置网页样式
例如，

*{margin:0;padding:0;}

5. 群组选择器

p,h1,h2{
		color:#f00;
}
p,h1,#top,.nov{
		color:#f00;
}
.top p,.nav p{
		color:#f00;
}

6. 后代选择器

div h1{
		color:#f00;
}

7. 伪类选择器

初始状态 a:link
鼠标划上的状态a:hover
鼠标**的状态a:active
鼠标点击之后的状态a:visited

一般
a:
a:hover
即可

注意：为什么超链接点击一次以后不生效？

伪类选择器的顺序

a:link
a:visited
a:hover
a:active

二，选择器的权重

继承的权重最小 0000

标签选择器的权重 0001

Class选择器的权重 0010

ID选择器的权重 0100

内联样式表的权重 1000

后代选择器的权重是所有选择器之和（最大）

群组选择器的权重是选择器本身

如果给属性值后面添加 !important 则此项的权重最大