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