bem - BEM - 如何向修饰符添加条件？

Question

我的项目图像有定位修饰符。其中之一是.image_stuck_left。
在布局中有一个图像应该只在宽屏幕上贴在左边。
我应该如何将此条件添加到现有修饰符？
是image_stuck_left_viewport_wide个好名字吗？

标签： bem

Answer 1

独立块不应该知道定位。考虑改用混音。

对于你的情况，它会是这样的。让我们有一个块，叫做some-section图像应该粘在左边的地方。在这种情况下，您可以将通用image块与 : 元素some-section混合使用，<img class="image some-section__image">并将有关定位的样式应用于.some-section__image.

至于宽视口，只需对.some-section__image. 在这种情况下不需要额外的类。

PS：根据https://en.bem.info/methodology/naming-convention/image_stuck_left_viewport_wide不是有效命名