CSS - BEM - Modyfikatory a specyficzność klas

0

Witam! W związku z moim ostatnim problemem który opisałem na forum, znalazłem pewne rozwiązanie, jednak ingeruje ono w założenia pisania kodu w metodologii BEM. Stąd moje pytanie:

Czy specyficzność MODYFIKATORÓW może być większa niż elementów? Czy to poprawna praktyka?

Specyficzność elementów w bem powinna być zawsze równa 10 - i tak się staram pisać kod. Jednak chciałbym uniknąc pisania !important przy pisaniu kodu CSS stąd chciałbym podbić specyficzność jedynie modyfikatorów w BEMie do 20, czyli zamiast:

.klasa {
color: red;
}

.klasa--zielona {
color: green;
}


Zrobić:

.klasa {
color: red;
}

.klasa.klasa--zielona {
color: green;
}

Dzięki temu zdefiniowanie modyfikatora PRZED KLASĄ - również zadziała. Bo obecnie wpisując:

.klasa--zielona {
color: green;
}
.klasa {
color: red;
}

Modyfikator --zielona nie zadziała nigdy, bo zostanie nadpisany przez definicje dla elementu co jest w moim przypadku niezbyt pożądane.

Pozdrawiam!

1

na co dzień raczej nikt nie zwraca na to uwagi, bo są większe problemy w projektach, nawet jak czasami użyjesz !important to nic takiego się nie stanie, a do większych masz preprocesory i tyle w zasadzie

0

Rozumiem. Dzięki za odpowiedz! Temat raczej do zamknięcia

1 użytkowników online, w tym zalogowanych: 0, gości: 1