Я хочу знать разницу между rscss и bem
Я не понимаю разницу между RSCSS против BEM. Кто-то говорит RSCSS, а кто-то говорит BEM.
Пожалуйста, дайте мне знать, что разница
2 ответа
RSCSS просто расширен BEM с некоторыми дополнительными мыслями и опытом команды, которая создала это.
Например RSCSS заявляет
- один уровень вложенности немного пинг специфичности
- нет двойной черты / lodash на модификатор / элементы и т. д.
вы можете рассматривать RSCSS как одну из модификаций BEM (с некоторыми дополнительными подсказками).
При работе с RSCSS вы должны думать о компонентах. Каждый элемент пользовательского интерфейса должен рассматриваться как отдельный компонент.
пример:
.signup-form {
.inputfield {
...
}
.submitbtn {
...
&.-inverted {
..
}
}
}
МетодологияБЭМ основана на системе Блок - Элемент - Модификатор, и здесь для каждого элемента должен использоваться уникальный селектор.
пример:
.form { }
.form__input { }
.form__submit { }
.form__submit--wide { }
Подробнее об этой теме читайте в этом текстовом формате CSS.