只要想知道在一个元素上使用多个类,如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’将为红色。