从风格中排除一个类

Question

我正在尝试使用名为sample

的类来设置所有html的样式

<div class="sample">
</div>

.sample{

}

但是我遇到了可以嵌套类样本的情况。在这种情况下，我想只设计内部样式。如何告诉css仅将样式应用于内部div而不是外部样本？可以这样做吗？

<div class="sample">
   <div class="sample">
   </div>
</div>

Answer 1

使用后代选择器作为规则集：

.sample .sample

如果你想在你的外div上保持风格，那么我建议给它另一个类，比如

.something .sample

对 all 使用相同的类，强烈建议不要使用页面上的元素。

Answer 2

您可以使用Child Selectors：

div>.sample {}

或：

div.sample>.sample {}