Menu front-family/css

i try to put a font-family at the different elements of this menu. someone can help me ?

<div class="menu menu--primary"><ul class="menu__list menu__list--level-0">

  <li class="menu__item"><a href="http://gar.archi/contact/" class="menu__link"><span>Contact</span></a></li>
  <li class="menu__item"><a href="http://gar.archi/collections_/" class="menu__link"><span>Cartographie</span></a></li>
  <li class="menu__item"><a href="http://gar.archi/a-propos/" class="menu__link"><span>À propos</span></a></li>
  <li class="menu__item"><a href="http://gar.archi/actualites/" class="menu__link"><span>Actualités</span></a></li>
  <li class="menu__item"><a href="http://gar.archi/collections_/" class="menu__link"><span>Collections</span></a></li>
  <li class="menu__item"><a href="http://gar.archi/?search=1" class="menu__link">Recherche</a></li>
1 Like

Does this site use a framework (as suggestive in the class names used)?

My old school ways somewhat contradict what seems to be the norm, these days. I start with the structure…

<ul id="primary">
<li><a>item one</a></li>
<li><a>item two</a></li>
<li><a>item three</a></li>
<li><a>item four</a></li>
<li><a>item five</a></li>
<li><a>item six</a></li>
</ul>

and do all the CSS on that ID…

#primary {
    /* list properties: margin, padding, inline-block, font-family, etc. */
}
#primary li {
    /* list item properties: line-height, text-align, border, etc. */
}
#primary a {
    /* list item link properties: color, font-weight, etc. */
}

But that’s me.

1 Like