WebDEV(@webb_dev). 💡 Ошибка: блоки влияют друг на друга, одни и те же селекторы встречаются в нескольких местах в scss

💡 Ошибка: блоки влияют друг на друга, одни и те же селекторы встречаются в нескольких местах в scss ▍Часть 2 Блок — это отдельный компонент, который не знает о других блоках и их расположении. «Блок — логически и функционально независимый компонент страницы, аналог компонента в Web Components… Независимость блоков обеспечивает возможность их повторного использования, а также удобство в разработке и поддержке проекта.» (источник) Такой код будет ошибочным, т.к. состояние одного блока влияет на элемент в другом блоке:

.block {
    &:hover .another-block__element {
        color: red;
    }
}

Продолжение следует... WebDEV #советы #web