Differences

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

--- doc:appunti:prog:usare_i_fogli_di_stile [2017/01/09 16:06] – [Selettore multiplo] niccolo
+++ doc:appunti:prog:usare_i_fogli_di_stile [2017/01/09 16:10] (current) – niccolo
@@ Line 90: / Line 90: @@
 ===== Selettore multiplo =====
-<code>
+<code css>
 article h2 {
     color: red;
@@ Line 96: / Line 96: @@
 </code>
-Il selettore **''article h2''** si applica all'elemento ''<h2>'' che sia discendente (di qualunque livello) dell'elemento ''<article>''.
+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.