CSS类冲突

Question

我使用自己的自定义样式表开发我的网站，但后来决定使用引导程序。 我特别的问题是一个冲突的阶级。我有一个HTML元素

<div class="dashboard-stat blue">

但是，我有2个名为blue的CSS类：一个定义为.blue，另一个定义为.dashboard-stat.blue。

我想要使用后者，但是，当我打开页面并使用inspect元素时，我发现两者都被使用，但.blue类在.dashboard-stat.blue类之上使用。< / p>

有没有办法只使用更具体的课程？我不想删除我的旧课程，因为我想一次改变一个风格。

Answer 1

如果需要，可以在类属性中添加！important。通常情况下，我只推荐这作为最后的手段，因为它可能会让你的生活变得困难，但这似乎是一个恰当的例子。

.blue {color:#00f!important;}

祝你好运！

Answer 2

您可以使用.blue:not(.dashboard-stat)（以及当前的.dashboard-stat.blue）。虽然这不适用于IE＆lt; = 8。