选择器及其优先级

选择器

标签选择器:直接作用于选择的标签元素,是一个集合。

div{}
span{}
...

ID选择器:直接作用于该名称的标签元素,名称是唯一的,标签也是唯一的,只对该名称的标签有效。(少用)

#ex{}
#eg{}

父子选择器也叫派生选择器、层级选择器。标签之间用空格隔开。

div a{}

类选择器:class的命名是可以重复的,也可以一个标签有许多的class名称。如class = “name sex age”

.name{}

群组选择器:标签之间用’,’隔开,无序。

body,#div1,.lianxi{}

通配选择器:通常用来清除一些默认属性如:margin:0;(慎用)

*{}

优先级

css的法则是:同等优先级时,后面的样式覆盖前面的样式。

可以形象化优先级:标签:1
                 ID:1000 //永远比标签和类的优先级别高
               类(class):100

对于不同优先级时,首先行级优先级是高于ID优先级的。

总结一下

通配选择器 < 标签选择器 < 类选择器 < ID选择器 < 层选择器 < 群选择器

但是有一个方法叫做important,用于提高权重

color:pink!important;

important的优先级别比行间样式还要高,是最高的,但不建议使用。