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

Question

假设我正在创建一个组件“Component”及其子项或修饰符。 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 中，我会严格地在组件范围内编写 _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! */
}