Methodology Structure BEM (Block, Element, Modifier)

0

What is the correct structure according to the methodology BEM , I am reading the above documentation, though I am still in doubt, as follows:

Example 1:

<nav class="main-nav">
    <ul class="main-menu">
        <li class="main-menu__link"><a href="#">Link 1</a>
        <li class="main-menu__link"><a href="#">Link 2</a>
        <li class="main-menu__link"><a href="#">Link 3</a>
    </ul>
</nav>

Example 2:

<nav class="main-nav">
    <ul class="main-nav__main-menu">
        <li class="main-nav__main-menu__link">
        <li class="main-nav__main-menu__link">
        <li class="main-nav__main-menu__link">
    </ul>
</nav>

What is the correct way, example 1 or example 2?

Note that example 2 is a hierarchy of elements when naming the class, as in example number 1 there is no more direct hierarchy

    
asked by anonymous 29.06.2018 / 19:07

0 answers