CSS多个类属性覆盖

前端之家收集整理的这篇文章主要介绍了CSS多个类属性覆盖前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
如果我有一个样式类定义如下:
.myclass{
    //bunch of other stuff
    float:left;
}

我定义了另一个这样的类:

.myclass-right{
    float:right;
}

我用这种方式定义div:

<div class="myclass myclass-right"></div>

这个div是否会继承myclass中的所有内容,但会将float属性覆盖为float:对吗?这就是我期望发生的事情.还有点想知道是否有任何跨浏览器的含义(良好的浏览器与IE 7或更高版本,f *** IE6).

解决方法

只要选择器具有相同的特异性(在这种情况下它们可以)和.myclass-right样式块在.myclass之后定义,是的.

编辑扩展:类在html元素中出现的顺序无效,唯一重要的是选择器的特殊性以及选择器在样式表中的显示顺序.

原文链接:https://www.f2er.com/css/217963.html

猜你在找的CSS相关文章