html - 用 HTML 编写 BEM 样式的更好方法

Question

可以说我正在创建一个组件“组件”及其子级或修饰符。BEM 风格将是

<div class="Component Component--modifier">
 <div class="Component__child"></div>
</div>

I'd like write it as this way
<div class="Component Component--modifier">
 <div class="_child"></div>
</div> 

在 CSS 中，我会严格在 Component 范围内编写 _child 类，因此没有任何全局 _child 类。

我想知道我的风格指南会带来哪些潜在风险或弊端？

Answer 1

你不能。

一个例子：

<div class="MyRoundedBlock MyRoundedBlock--blue">
    <div class="_title"></div>
    <div class="OtherBlock">
        <div class="_title"></div>
    </div> 
</div> 

CSS：

.MyRoundedBlock ._title {
    /* This rule applies to your OtherBlock's title too! */
}