HTML 样式覆盖原则

1.如果选择器一样,使用就近原则

2.如果选择器不一样(ID选择器/类选择器/标签选择器),采用具体性原则,谁更具体谁生效;ID选择器>类选择器>标签选择器

3.重要性原则

.h1{color: green ! important;}

! important 表示最重要,不会被其他选择器覆盖掉

 

总结一点,如果选择器无冲突,依据就近原则;如果选择器有冲突,重要性原则>具体性原则>就近原则

posted @ 2021-09-06 23:10  安静ovo  阅读(281)  评论(0编辑  收藏  举报