使用BEM有什么好处？

Question

我看不到使用BEM有什么好处，例如以下示例：

HTML
-----------
<!-- without BEM -->
<div class="block1">
    <span class="element"></span>
</div>

<!-- BEM -->
<div class="block1">
    <span class="block1__element"></span>
</div>


CSS
-----------
.block1 .element { color: red; } // without BEM
.block1__element { color: red; } // BEM

.block1 .element.bigger { font-size: 20px; } // without BEM
.block1__element--bigger { font-size: 20px; } // BEM

因此，带有BEM的html更大。 CSS几乎相等

• 除了拥有一个选择器（而不是两个）之外，使用BEM还有其他好处吗？
• 拥有一个选择器而不是两个选择器有好处吗？

使用BEM有什么意义？