Applicare stile al padre di un elemento

Grafica
Javascript
di in Grafica, Javascript il 22 Settembre 2009

 

Immaginiamo di trovarci nella seguente situazione:

e di aver stilizzato i nostri elementi, tramite il foglio di stile, in questo modo

Tramite le regole del nostro foglio di stile verrà applicata una immagine di sfondo al nostro collegamento ipertestuale.

Supponiamo ora di trovarci nella seguente situazione:

Secondo le regole presenti nel foglio di stile l’immagine di sfondo per il collegamento ipertestuale viene applicata all’immagine del collegamento. Questo può però creare effetti graficamente sgradevoli.

Per ovviare al nostro problema a questo punto bisognerebbe stilizzare l’elemento a che ha al suo interno un elemento img, ossia l’elemento padre dell’elemento img.

E’ possibile farlo attraverso i fogli di stile? Al momento no, per cui, per risolvere il problema dobbiamo rivolgerci a javascript, in particolare a Jquery.

Tramite jquery è infatti possibile risalire al padre di un elemento tramite la funzione parent() e applicare uno stile solo all’elemento selezionato.

Il codice da utilizzare nell’head del nostro documento è

tramite il quale risaliamo all’elemento a che contiene al suo interno un elemento img, e vi applichiamo uno stile (nel nostro caso rimuoviamo l’immagine di sfondo).

Lascia un commento

Il tuo indirizzo email non sarà pubblicato. I campi obbligatori sono contrassegnati *