Разбираем в чём отличие классов идущих друг за другом через пробел и без него.
Имеем следующую структуру:
1 2 3 |
<div class="main block"> <span class="text"></span> </div> |
Для того чтобы обратиться к блоку, стили в котором идут друг за другом, то пробел не нужно делать. Так, мы обратимся к блоку div:
1 2 3 |
.main.block { display: none; } |
А таким образом к элементу span:
1 2 3 |
.main .text { display: none; } |