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