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

Admin CSS

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

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

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

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

.main.block {
    display: none;
}

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

.main .text {
    display: none;
}

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

Комментарии к статье “CSS классы через пробел и без него” (3)

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

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