getbem/getbem.github.io

Is This How You BEM?

jjrabbit opened this issue · 0 comments

When naming classes for navigation links it seems the class names will invariably get rather long.

For example:

<header>
    <nav class="nav">
        <ul class="nav__links">
            <li class="nav__links__link">
                <a class="nav__links__link__text" href="#home">Home</a>
            </li>
            <li class="nav__links__link">
                <a class="nav__links__link__text" href="#about">About</a>
            </li class="nav__links__link">
            <li class="nav__links__link">
                <a class="nav__links__link__text" href="#contact">Contact</a>
            </li>
        </ul>
    </nav>
</header>

Is this normal/acceptable?