CSS классы через пробел и без него

Разбираем в чём отличие классов идущих друг за другом через пробел и без него.

Имеем следующую структуру:

<div class="main block">
<span class="text"></span>
</div>

Для того чтобы обратиться к блоку, стили в котором идут друг за другом, то пробел не нужно делать. Так, мы обратимся к блоку div:

.main.block {
    display: none;
}

А таким образом к элементу span:

.main .text {
    display: none;
}

Привет. Ты находишься на моём сайте. Я разработчик. Здесь я делюсь своими наработками и знаниями. Спрашивай в комментариях, если тебе что-то не понятно или пиши, если есть что добавить.

Если вам пригодилась информация, вы можете поблагодарить автора сайта символическим пожертвованием:

Добавить комментарий

Напишите свой комментарий, если вам есть что добавить/поправить/спросить по теме текущей статьи: "CSS классы через пробел и без него"
Если вам нужно добавить участок кода ставьте его между тегами <code></code>