Я пытаюсь стилить эти элементы, а элемент с двумя классами не может быть отличным от стиля с одним классом. Я также попытался выбрать его с помощью .red.balls
, но он не работает.CSS-селектор для элемента с двумя классами не работает
.ballsAll {
display: block;
margin-left: 14%;
}
.red {
background-color: red;
}
.balls {
background-color: white;
}
<div class='ballsAll'>
<p>
<span class='balls'>22</span>
<span class='balls red'>11</span>
</p>
</div>
Оба селектора '.red' и' .balls' имеют спецификацию, и поэтому селектор, определенный последним в файле CSS, имеет приоритет (и применяется к обоим). – Harry
'.red.balls' works https://jsfiddle.net/jjkvasyt/ –
Если' .red.balls' не работает, что-то еще не так, и то, что вы дали, не отражает ваш фактический код. – BoltClock