Question

How would I write css to access the following class “total total_plus hidden_elem” or “total total_plus”?

I have class=”total total_plus” and class=”total total_plus_elem” and I need to access them via css. What would be the proper way to access them?

.total total_plus
{
     display:none;
}

is not working for me.

Here is the context of what I am trying to access:

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

Thanks

Answer 1

To do this, all classes in CSS must be written directly after each another – with no white space.

.total.total_plus 

and

.total.hidden_elem