Differences

This shows you the differences between two versions of the page.

--- doc:appunti:prog:usare_i_fogli_di_stile [2013/01/23 10:56] – [Attributo CLASS] niccolo
+++ doc:appunti:prog:usare_i_fogli_di_stile [2017/01/09 16:10] (current) – niccolo
@@ Line 83: / Line 83: @@
 <span class="citation external">Text</span>
 </code>
+==== Ordine di applicazione delle classi ====
+Gli stili derivati da più classi vengono applicati non secondo l'elenco delle classi, ma **secondo l'ordine in cui compaiono nel .css**.
+===== Selettore multiplo =====
+<code css>
+article h2 {
+    color: red;
+}
+</code>
+Il selettore **''article h2''** si applica all'elemento ''<h2>'' che sia discendente (di qualunque livello) dell'elemento ''<article>'';
+<code css>
+article > h2 {
+    color: red;
+}
+</code>
+in questo caso invece la discendenza deve essere diretta (figlio diretto).
+<code css>
+a:focus > img {
+    outline-color: #ffff00;
+    outline-style: solid;
+    outline-width: 2px;
+    outline-offset: -2px;
+}
+</code>
+In questo caso il selettore si applica all'oggetto ''<img>'' contenuto direttamente dentro l'elemento ''<a>'', ma solo nel momento in cui l'elemento ''<a>'' ha il focus.