Skip to content

Instantly share code, notes, and snippets.

@jensgro
Created July 4, 2021 13:45
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save jensgro/45f7944853fc4707f304925ee55c181d to your computer and use it in GitHub Desktop.
Save jensgro/45f7944853fc4707f304925ee55c181d to your computer and use it in GitHub Desktop.
Manchmal sind BEM-Klassen unnötig.
<ul class="navigation">
<li class="navigation__item">
<a href="#" class="navigation__link">Link</a>
</li>
<li class="navigation__item">
<a href="#" class="navigation__link">Noch ein toller Link</a>
</li>
<li class="navigation__item">
<a href="#" class="navigation__link">Der ist noch besser!</a>
</li>
</ul>
/* geschwätzig */
/* Jede Regel hat eine Spezifität von 010 */
.navigation {}
.navigation__item {}
.navigation__link {}
/* zusammengedampft */
/* Die erste Regel hat eine Spezifität von 010,
die beiden letzten eine von 011 */
.navigation {}
.navigation li {}
.navigation a {}
<ul class="navigation">
<li>
<a href="#">Link</a>
</li>
<li>
<a href="#">Noch ein toller Link</a>
</li>
<li>
<a href="#">Der ist noch besser!</a>
</li>
</ul>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment