html - CSS 类冲突

Question

我使用自己的自定义样式表开发我的网站，但后来决定改用 Bootstrap 。我特别遇到的问题是类(class)冲突。我有一个 HTML 元素

<div class="dashboard-stat blue">

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

我想使用后者，但是，当我打开页面并使用检查元素时，我发现两者都被使用了，但是 .blue 类是在 .dashboard-stat.blue 类之上使用的。

有没有办法只使用更具体的类？我还不想删除我的旧类，因为我想一次对样式进行一个部分的更改。

Answer 1

如果需要，您可以将 !important 添加到您的类属性中。通常我只建议将此作为最后的手段，因为它可能会让你将来的生活变得困难，但这似乎是一个合适的案例。

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

祝你好运!