选择器
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的优先级别比行间样式还要高,是最高的,但不建议使用。