css – 在一个元素中使用多个类和特异性

前端之家收集整理的这篇文章主要介绍了css – 在一个元素中使用多个类和特异性前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
只要想知道在一个元素上使用多个类,如class =“foo bar”,那些类的设置如下:
.foo {
    margin-right: 10px;
}


.bar {
    margin-right: 0px;
}

哪个班有特异性?边距是否为10px或0px?

解决方法

它基于CSS中的优先级工作。因此,最近出现的项目将覆盖任何先前的样式。

情况1

.foo  { background : red; }
.bar  { background : blue; }

在这种情况下,class =’foo bar’将为蓝色。

案例2

.bar  { background : blue; }
.foo  { background : red; }

在这种情况下,class =’foo bar’将为红色。

Working Example

猜你在找的CSS相关文章