AP
не, просто в цсс чате затихли все
Size: a a a
2019 December 12
Кm
Ладно, пойду поработаю, дизайн сам собой не задизайнится
EM
Мне кажется, или в большом проекте написав
выше вероятность что-то задеть, чем если я напишу
?
.product-list_item { ... }выше вероятность что-то задеть, чем если я напишу
.promo-page .product-list .pl-item { ... }?
а как изоляция происходит? что будет если кто-то еще создаст класс
.product-list в .promo-page?Кm
а как изоляция происходит? что будет если кто-то еще создаст класс
.product-list в .promo-page?Хороший вопрос.
Он будет использовать уже существующие стили, если ему нужен семантически схожий объект, а если есть отличия, то он сделает модификатор классу
Он будет использовать уже существующие стили, если ему нужен семантически схожий объект, а если есть отличия, то он сделает модификатор классу
.product-list.ny-sale-, а если это в принципе другой блок, то название я бы дал product-list-ny-saleКm
Muhammadamin Ibragimov
вам кажется
Так а если где-то в недрах сайта есть старый всеми забытый модуль, который содержит класс
.product-list_item, но имеет совсем другую вёрстку?EM
Хороший вопрос.
Он будет использовать уже существующие стили, если ему нужен семантически схожий объект, а если есть отличия, то он сделает модификатор классу
Он будет использовать уже существующие стили, если ему нужен семантически схожий объект, а если есть отличия, то он сделает модификатор классу
.product-list.ny-sale-, а если это в принципе другой блок, то название я бы дал product-list-ny-saleно сначала придется дебажить=)
MI
Так а если где-то в недрах сайта есть старый всеми забытый модуль, который содержит класс
.product-list_item, но имеет совсем другую вёрстку?увидете в devtools
Кm
Muhammadamin Ibragimov
увидете в devtools
Не увижу, пока кто-то из пользователь не сообщит, что этот модуль поехал, ну или если я предусмотрительно не сделаю поиск по проекту, или по всем репозиториям, если например это Гемы на руби
MI
Так а если где-то в недрах сайта есть старый всеми забытый модуль, который содержит класс
.product-list_item, но имеет совсем другую вёрстку?а с вашими классами который зависить от контекста вы не увидете это
MI
Не увижу, пока кто-то из пользователь не сообщит, что этот модуль поехал, ну или если я предусмотрительно не сделаю поиск по проекту, или по всем репозиториям, если например это Гемы на руби
если у него есть стили как не увидете?
Кm
Muhammadamin Ibragimov
если у него есть стили как не увидете?
Ну так меньшая вложенность означает бОльшую область применения, шанса перекрыть стилей нет, так как без вложенности теряется вес селектора, но могу добавить стилей))
EM
Не увижу, пока кто-то из пользователь не сообщит, что этот модуль поехал, ну или если я предусмотрительно не сделаю поиск по проекту, или по всем репозиториям, если например это Гемы на руби
ну насколько я помню, структура файлов по БЭМ-у не должна давать возможности создать блок с таким же именем=)
MI
Ну так меньшая вложенность означает бОльшую область применения, шанса перекрыть стилей нет, так как без вложенности теряется вес селектора, но могу добавить стилей))
БЭМ как раз для этого
Кm
А как быть, если на проекте есть 10 вариаций совсем разного вида списка продуктов?
Кm
С точки зрения бэма
MI
С точки зрения бэма
модификатор
Кm
И раз уж заговорили, как мне на бэме написать следующий селектор
?
промо-страница
нижний блок
список продуктов
продукт
панель управления
панель модерации
кнопка модерации
?
Кm
В какой момент элемент становится блоком?
MI
В какой момент элемент становится блоком?
это уже вам решат)