42 lines
1.2 KiB
Plaintext
42 lines
1.2 KiB
Plaintext
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
|
|
|