CSS ignores the class according to the order

advertisements

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;
}

Values from .countdown-val class are not applied. When I change the order of classes within the css file the same thing happens vice versa. I am using a bootstrap built theme, but I cannot explain this behaviour. Can anybody else please?


you just try this.

.countdown-val {
    color: #ff0000;
}

otherwise.you can add !important

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