BEM多個類選擇器

我正在嘗試遵循BEM命名約定，我不確定如何實現以下操作：我有一個「工具提示」塊，應該用不同的主題進行樣式設計。假設我應用了「默認」主題。BEM多個類選擇器

<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 */ 
}

BEM規範允許嗎？
你能想到任何缺點嗎？
我應該嘗試重新考慮我的組件使用扁平類選擇器嗎？

儘管BEM建議避免使用多個類選擇器，但在您的情況下它就好了。您可以使用bem-components library作爲示例的來源。例如。 https://github.com/bem/bem-components/blob/v2/design/common.blocks/popup/_theme/popup_theme_islands.styl#L22

2015-11-23 13:39:47 tadatuta

我只是第一次嘗試使用BEM，我想了解它是否適合我公司的大規模採用，但老實說，我很驚訝我試圖實施的第一個組件已經需要「打破「公約。在我看來，這是一個非常嚴格的框架。既然你聲稱沉迷於它，我想聽聽你的意見，也許在http://chat.stackoverflow.com/？ –

我最好邀請你參加我們的論壇https://en.bem.info/forum/（auth通過github）。將盡我所能提供幫助。 – tadatuta

回答