Я пытаюсь следовать соглашению об именах БЭМ и не знаю, как реализовать следующее: У меня есть блок «подсказки», который должен быть оформлен в разных темах. Допустим, я применяю тему «по умолчанию».
<div class="tooltip tooltip_theme_default"></div>
Всплывающая подсказка может быть размещена вокруг элемента в разных позициях, для меня это звучит так, как будто я должен добавить к блоку модификаторы «горизонтальное положение» и «вертикальное положение».
<div class="tooltip tooltip_theme_default tooltip_horizontal-position_center tooltip_vertical-position_top"></div>
Теперь мне нужно отобразить во всплывающей подсказке украшение, зависящее как от темы, так и от ее положения. Я думаю, что мне нужен множественный селектор классов, но я не вижу примеров множественного селектора, подобного этому, в документации BEM.
.tooltip_theme_default.tooltip_horizontal-position_center.tooltip_vertical-position_top::before {
/* styles */
}
Разрешено ли это спецификацией БЭМ?
Можете ли вы назвать какие-либо недостатки?
Должен ли я попытаться переосмыслить свой компонент, чтобы использовать только селекторы плоских классов?