CSS选择器

CSS选择器

1.属性选择器

# 选择ID属性，. 选择class属性

2.高频属性

ID和class属于高频属性，被使用的地方很多。

3.群组选择器

h1.name,h1#user中间用逗号隔开，就可以选择多个属性。

4. 通配选择器

body * 可提高权限，覆盖在当前标签内的属性。

5.上下文选择器

5.1子元素：>

.list>.itme

5.2后代元素：空格

.list .itme

5.3相邻兄弟：+

.list > .itme. + * （当有多个class名称的时候，直接链式写就可以，用.隔开）

5.4所有兄弟：~

.list > .itme.five ~ *

6.选择器的权重

6.1（0.0.1表示有一个标签没有class和id）

6.2(0.1.1表示有一个标签和一个clssa没有id)

6.3（1.1.1表示有一个标签和一个class和一个id）

6.4 (2.2.2表示有两个标签和两个class和两个ID)

6.5只要大于001就可以覆盖001的属性，可以添加父级标签

body h1

html body h1

6.5也可以增加class

.title.good

6.6尽量少用或不用id

原因只有一个，id权重过大，没有多大的后期调试空间。