在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中，我会在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! */
}