Andrea Gandino

Pensierino della sera da catalogare nella serie “cosa vorrei da un selettore di un foglio di stile, e cosa probabilmente non avrò mai prima di 10 anni”: non sarebbe veramente una gran cosa se i CSS prevedessero un particolare selettore che ritornasse, dato un elemento, il suo genitore?

Mi è venuta in mente questa idea, di per sé piuttosto banale, tentando di realizzare un form con dei popup per meglio specificare il contenuto dei vari campi, cercando di non utilizzare in nessun modo Javascript.

L’implementazione sarebbe anche piuttosto semplice, dal momento che in Javascript una cosa del genere è possibile renderla attraverso una singola riga di codice:

var elem = document.getElementById('mioelemento');
var parent = elem.parentNode;

Niente di fantascientifico dunque; rimanendo nel mondo della fantasia, ecco un ipotetico selettore che restituisce il padre di un elemento dato:

div#mioElemento input:focus << p.informazioni

Il difficile sarebbe interpretare questa scrittura, dal momento che sovvertirebbe un po’ tutte le regole base dei selettori di CSS che vedono l’elemento a sinistra come padre di quello a destra. In questo caso invece potremmo interpretare la riga qui sopra come:

1. Prendi l’elemento caratterizzato da un id uguale a mioElemento
2. Quando l’input figlio di quell’elemento ottiene lo stato di focus, ovvero quando è attivo, modifica le proprietà stilistiche del paragrafo con attributo class uguale a informazioni, che è figlio del genitore di input (<<).

Per prendere il genitore di input, si potrebbe invece ipotizzare di avere un selettore del tipo <.

Ok, ora torno nel mondo reale.