Autor Zpráva
Stalker
Profil
Ahoj,

používáte někdo BEM? Jak stylujete aktivní položku v menu?

Mám menu, kde se mi na <li> střídají aktivní classy, které vlastně ale ovlivňují ten link uvnitř. Jak to stylovat v BEM syntaxi, když se tam nezanořuje?

Nebo tu aktivní classu přidávat pouze na anchor uvnitř?
<nav class="menu-main">
                <ul>
                    <li class="menu-main__item menu-main__item--active">
                        <a href="#" class="menu-main__link ">
                            Link 1
                        </a>
                    </li>
                    <li class="menu-main__item">
                        <a href="#" class="menu-main__link">
                            Link 2
                        </a>
                    </li>
                    <li class="menu-main__item">
                        <a href="#" class="menu-main__link">
                            Link 3
                        </a>
                    </li>
                </ul>
            </nav>

V Bem syntaxi totiž nemůžu udělat v CSS něco jako .menu-main__item--active a {bla bla}
Str4wberry
Profil
<li class="menu-main__item menu-main__item--active">
    <a href="#" class="menu-main__link menu-main__link--active">
        Link 1
    </a>
</li>

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: