新手写CSS,写了样式不生效,被别的样式覆盖,半天找不到原因,今天说CSS优先级的基础规则,看完就懂。
优先级从高到低
行内样式(直接写在标签上的style)> ID选择器(#header)> 类选择器(.btn)> 标签选择器(div、p),同样的样式,优先级高的生效。
别乱用!important
新手一看样式不生效,就加!important,把样式强行盖掉,最后CSS乱成一锅粥,后面改都改不动。先找优先级低的选择器,把样式写对,别用!important。
后面的样式覆盖前面的
优先级一样的时候,后面写的CSS覆盖前面的,写样式的时候注意顺序,把通用样式放前面,特殊样式放后面,就不会乱。
本站源码来源于网络收集修改或者交换,甚至可能并非原创,如遇未经考证信息需持审慎态度。若有疑问,可联系本站处理。
0