Как мне написать css для доступа к следующему классу "total total_plus hidden_elem" или "total total_plus"?

Question

Как мне написать css для доступа к следующему классу "total total_plus hidden_elem" или "total total_plus"?

У меня есть class = "total total_plus" и class = "total total_plus_elem", и мне нужен доступих через css.Какой правильный способ доступа к ним?

.total total_plus
{
     display:none;
}

не работает для меня.

Вот контекст того, к чему я пытаюсь получить доступ:

<div class="bigbox">
   <div class="full_widget">
       <div class="connections">
          <span class="total total_plus"></span>
          <span class="total hidden_elem"></span>
       </div>
    </div>
</div>

Спасибо

Answer 1

Для этого все классы в CSS должны быть написаны непосредственно друг за другом - без пробелов.

.total.total_plus 

и

.total.hidden_elem