Question

我有这段代码

<div class="main first">
   <div class="content">
        <!--HERE IS SOME CODE-->
   </div>
</div>

我有一个div，其中有main个班级。这个div有一个第二类，当某些条件匹配时，它会动态添加。所以第二堂课可以是班级first或second。主div中还有另一个content，其中包含div个班级。添加班级first后，班级content应具有与添加班级second时不同的样式。

所以我尝试过这样的事情：

.main.first.content {
    margin-top: 10px;
}
.main.second.content {
    margin-bottom: 10px;
}

所以，在添加了课程content时，课程margin-top: 10px;应该first，而在添加课程margin-bottom: 10px;时应该second。但这没效果。我怎样才能做到这一点。我希望它足够清楚。

感谢。

Answer 1

将.main.first.content更改为.main.first .content

.main.first.content表示具有所有3个类的元素，其中.main.first .content转换为具有类content的元素，该元素是具有类{{1}的元素的后代}和.main

添加不同类时的不同风格

1 个答案: