These are chat archives for bem/talk

18th
Oct 2016
Kasper
@aventic
Oct 18 2016 17:54

Hello guys.. How would I go around solving this issue:

    <div class="header">
        <ul class="main-menu header__main-menu">
            <li class="main-menu__item"><a href="#" class="main-menu__link">Herretøj</a></li>
            <li class="main-menu__item"><a href="#" class="main-menu__link">Brands</a></li>
        </ul>
    </div>

I have margin on both main-menu (margin-left: 0) and header__main-menu (margin-left: 20px), but header__main-menu wont override my main-menu styles. Am I doing this the wrong way, or do I have to refactor something here? Thanks! :)

Kasper
@aventic
Oct 18 2016 18:01
Thats actually because my header styling is written first in my CSS, should I keep the header__main-menu styling next to my main-menu styling - should I place that styling after?