Я хочу знать разницу между 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.

Другие вопросы по тегам