Element : 
div a { ... } /* CSS cible a présent dans une div */

<pre>
  <code class="line-numbers show-language nohelp_result language-markup">
    <div>
      <a href='http:...' target='_blank' data-type='demo'>lien</a>
    </div>
    <a href='http:...'>lien</a> <!-- non ciblé/affecté, hors de div -->
  </code>
</pre>

Attribut : 
'href', 'target', 'data-type' (dans l'element a)...
<codescape class="css">a[href] { ... } /* element a avec attribut href */</codescape>
<codescape class="css">a[href$=".html"] { ... } /* attribut href fini par... */</codescape>
<codescape class="css">a[href^="https"] { ... } /* attribut href commence par... */</codescape>
<codescape class="css">a[href*="fichier_final"] { ... } /* attribut href contient... */</codescape>

Id : 
<codescape class="css">
  #top_menu { .... }
</codescape>
<codescape class="html">
  <nav id="top_menu">
</codescape>

Classe : 
<codescape class="css">
  .menu_item { .... }
</codescape>
<codescape class="html">
  <li class="menu_item">menu 1</li>
</codescape>

TODO : 
Cibler le 4e sous-menu dans #top_menu
Faire de même dans le menu de gauche, mais cette fois, cibler le 2e sous-menu
... forcer leur couleur de fond (background) dans une couleur de votre choix...
... Utiliser !important si nécesaire