Question

HTML

<div data-countdown="2016-12-10 01:17:26">
   <div class="countdown-text">noch</div>
   <div class="countdown-val">2</div>
   <div class="countdown-text">Tage</div>
</div>

CSS

.countdown-val {
    color: red;
}

.countdown-text {
    font-size: 13px;
}

未应用.countdown-val类的值。当我改变css文件中类的顺序时，反之亦然。我使用的是bootstrap构建的主题，但我无法解释这种行为。还有其他人可以吗？

Answer 1

你试试这个。

.countdown-val {
    color: #ff0000;
}

否则。您可以添加!important

.countdown-val {
     color: #ff0000 !important;
 }

Answer 2

CSS很好。检查代码中的右括号{}。

在你的bootstrap文件中，确保你的类没有嵌套在另一个类下。

Answer 3

似乎其他一些css压倒了你的使用

.countdown-val {
    color: red !important;
}

.countdown-text {
    font-size: 13px !important;
}

或将类名更改为其他一些唯一名称，以确保div样式不受其他CSS的影响

CSS根据订单

3 个答案: