欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

同一标签下定义两个优先级相同的类名

程序员文章站 2022-06-10 14:18:55
...

当在同一个标签下定义两个类名,彼此之间的样式有冲突时,无论类名在标签中的定义如何,都以在css样式中的先后顺序为主,即优先级相同时,后面定义的类的样式会覆盖前面定义的类的样式,例如

css部分
.m1{background-color:blue;}
.m2{background-color:red;}
html部分
<div class="m2 m1">用于测试的块元素</div>

测试后发现,该块元素的背景颜色被设置成了红色,即类名m2的样式覆盖了类名m1的样式。

相关标签: css 优先级