CSS ignores the class according to the order



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


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