Как избежать конфликта одинаковых имен классов в БЭМ? - PullRequest
Новая
       46

Как избежать конфликта одинаковых имен классов в БЭМ?

0 голосов
/ 30 мая 2019

Я работаю над сайтом, используя методологию БЭМ для поддержки моего кода CSS.Вот некоторый HTML-код: 

<div>
    <form class="sc-campaign-form__test-wrapper" id="test-wrapper-1">
        <input type="text" class="sc-campaign-form__test-input" />
        <input type="submit" class="sc-campaign-form__test-submit" />
    </form>
    <form class="sc-campaign-form__test-wrapper" id="test-wrapper-2">
        <input type="text" class="test-wrapper__test-input" />
        <input type="submit" class="test-wrapper__test-submit" />
    </form>
</div>

Я думаю, что с точки зрения БЭМ test-wrapper-2 правильнее, но я боюсь конфликтовать, если я собираю все в один большой файл CSS, потому что test-wrapper__test-input выглядит оченьобщий.Хотя я хочу иметь разные стили для разных тест-оболочек.Какой способ будет более подходящим?

...