Описание тега bem
БЭМ - это аббревиатура от Block-Element-Modifier. Это соглашение об именах элементов HTML DOM, классов CSS, переменных JavaScript и других идентификаторов веб-программирования таким образом, чтобы их было легко поддерживать и разрабатывать. Его можно использовать для индивидуальной разработки одного веб-сайта или для большой команды, работающей над несколькими веб-сайтами.
1
ответ
Меньше классов в html-разметке с БЭМ
Я пытаюсь получить все цепочки классов из моей html-разметки. Потому что тогда у меня есть все мои стили в моем файле CSS, и я не должен заглядывать в мой HTML, чтобы увидеть, как были стилизованы некоторые элементы, и разметка выглядит намного чище…
09 авг '16 в 06:12
0
ответов
Невозможно установить фильтр яндекс бэм в emmet (возвышенный текст-3)
Когда я пытаюсь установить фильтр bem в настройках пользователя emmet: "preferences": { "bem.elementSeparator": "__", "bem.modifierSeparator": "_", "bem.shortElementPrefix": "-" } Я всегда получаю ошибку: Error trying to parse settings Как я могу ре…
16 авг '17 в 22:09
2
ответа
Это правильная реализация соглашения о присвоении имен BEM для навигации?
Я пытаюсь реализовать главное меню (включая подменю) для веб-сайта, используя соглашение об именах BEM CSS. Я обнаружил, что вложил элементы, которые я считаю антипаттерном конвенции? <ul class="nav__list"> <li class="nav__item"> <a c…
28 янв '18 в 19:28
1
ответ
Блок внутри элементов БЭМ-методологии
В зависимости от документации БЭМ вы не должны использовать элементы внутри элементов. Это имеет смысл для меня, потому что блок содержит элементы, которые не могут быть вне этого блока. Но могут ли элементы содержать блок? Так что блок внутри этого…
28 янв '17 в 16:07
1
ответ
Добавить (БЭМ) классы в список пунктов меню Wordpress и якоря
Я начал свой проект с создания статических HTML-шаблонов. Моя "основная" навигация выглядит так: <nav class="site-nav"> <a href="#" class="page-head__logo"> <img src="img/interface/logo.png" alt="Wireforce logo" /> </a> <a…
21 ноя '16 в 17:04
1
ответ
БЭМ: Это правильный способ написать БЭМ?
Просто начал склоняться о БЭМ для нового проекта. Может кто-нибудь посмотреть, правильно ли я понял методологию БЭМ с моим шаблоном ниже? Я как бы понимаю, но чувствую, что может быть и лучше. Мой шаблон <div id="wrapper" class="content"> <…
19 мар '17 в 20:17
2
ответа
Концепция БЭМ в CSS
Я недавно играл с синтаксисом БЭМ, я запутался в элементах БЭМ. У меня есть заголовок, который содержит логотип и поле для входа. Итак, я сделал структуру так: <header class="header clearfix"> <div class="col-sm-6 col-xs-12"> <a href=…
23 авг '15 в 11:10
1
ответ
БЭМ: список предметов и стиль?
Я новичок в БЭМ и работаю над образцом шаблона: HTML <header class="header"> <div class="header__branding"> <h1>Site branding</h1> </div> <div class="header__menu"> <nav class="main-menu"> <ul class="main…
26 мар '17 в 18:24
1
ответ
Нужно ли имя класса для всего, что связано с CSS в BEM?
Поскольку люди все еще советуют использовать БЭМ для более крупных проектов, я подумал, что могу попробовать. Но я уже столкнулся с проблемой, настроив header-элемент страницы. Вот как выглядит заголовок страницы: <header class="header"> <i…
22 янв '18 в 15:13
0
ответов
Разработка навигации по страницам
Я хотел понять, как работает навигация по страницам на сайте БЭМ ( http://getbem.com/introduction/) без обновления окна. Я хотел знать, разработка вызова различных URL-адресов без обновления страницы. Пожалуйста, помогите мне понять этот тип навигац…
06 авг '18 в 12:51
2
ответа
В чем смысл явного именования классов потомков BEM при наличии SCSS?
Я пытаюсь понять и понять причины, стоящие за соглашениями об именах CSS, такими как BEM или SUITCss. Мне трудно понять значение имен классов потомков в присутствии SCSS. Например: <ul class="menu"> <li class="menu__item"></li> <…
11 июл '14 в 18:28
1
ответ
Получить модификатор ampersand для наследования всех свойств от родительского
Я использую удобную нотацию амперсанда в SASS, чтобы добавить в мои классы модификаторы в стиле БЭМ: .box { display: inline-block; width: 100px; height: 100px; background: magenta; &--selected { background: cyan; } } Я изучаю возможность примене…
29 ноя '16 в 16:53
1
ответ
BEM. Блок с именами элементов модификатора
У меня есть клиентская сущность. Есть два типа клиентов: врач и аптека. Оба имеют поля "имя", "адрес", "телефон", "электронная почта". Но у врача есть поля "медицинская специальность" и "больница". Врач и аптека почти одинаковы по стилю (за исключен…
07 дек '14 в 14:51
6
ответов
Важен ли CSS! В качестве модификатора BEM?
Имея элемент с некоторым стилем и дополнительным классом (mywidget_button - disabled), который работает как модификатор BEM, имеет ли смысл на практике использовать предложение ! Important? .mywidget__default ~ .mywidget__button { border: 1px solid …
22 сен '15 в 10:33
3
ответа
БЭМ с SASS и:hover
Как правильно объявлять активные / фокусирующие / парящие состояния, используя БЭМ с SASS? Например, у меня есть такая структура: <div class="card"> <img class="card__image" src="..." alt=""> <div class="card__overlay"> <div cla…
01 дек '15 в 13:42
2
ответа
SASS BEM расширяется
Я пытаюсь использовать синтаксис bem с sass, но я столкнулся с проблемой. Вот код: <button name="button" class="button button__call--full">Call</button> $color__primary : #23ae4b; $color__secondary : #1976d3; //////////////////// // Plac…
28 июн '15 в 16:41
1
ответ
Настройка Sass Lint для BEM
Так что я перехожу к написанию своего актерского номера на конвенции БЭМ. Я использовал генератор конфигурации sass-lint для создания своей конфигурации и только отредактировал class-name-format"s - convention: в strictbem однако у меня все еще есть…
19 мар '18 в 17:02
1
ответ
Sass Linter с БЭМ - класс должен быть написан в нижнем регистре с дефисами
Я получаю ошибку: класс должен быть написан в нижнем регистре с дефисами .video_wrapper { //styles &__controls { //more styles Должен ли я и могу ли я подавить эту ошибку?
12 июн '17 в 10:15
1
ответ
JS манипуляции над BEM CSS структурой
Мне трудно получить это: структура БЭМ говорит, что я должен сделать что-то вроде этого: .header .header__nav .header__icon .header__icon-text .header__menu .header__menu-list Но что, если я хочу переключить некоторый класс CSS header__nav изменить …
06 дек '17 в 07:26
0
ответов
Выравнивание по вертикали для div с текстом и другого div с изображением (BEM)
Я работаю над своим третьим проектом, и мне нужна помощь. Мне нужно выровнять текст и рис, как на добавленной картинке. Итак, это мой HTML: ._colon { width: 700px } .big-cars-list { list-style-type: none; margin: 58px 0 0 0; padding: 0; } .big-cars-…
22 окт '15 в 14:25