BEM：如何確保塊內的CSS值覆蓋另一塊中定義的屬性？

Question

我正在使用BEM，並且在從一個塊中獲取屬性以覆蓋另一個塊中的樣式時遇到問題。我知道有些人可能會建議爲.button添加修飾符，但有些情況下某些屬性需要應用於單個頁面，所以不必添加整個其他修飾符。

下面是一個例子，是想說明我的問題：

.button { 
    padding-left: 0; 
} 

現在，當我去加入填充左，它越來越padding-left: 0;，而不是我想使用真實.my-block下定義的值。

.my-block { 
    &__button { 
    padding-left: 5px; 
    } 
} 

什麼是保證padding-left: 5px;而不是padding-left: 0;得到應用的最佳方式是什麼？

Answer 1

我假設你使用的混合，使標記看起來像這樣：

<button class="button my-block__button"> 

如果這是你需要確保在束（.button的造型應該.my-block__button之前經常去）的順序的情況。

在BEM Platform我們使用deps system它給了我們這個保證。