classe CSS sovrascritta

[Gae]

Salve cosa posso fare quando una proprietà di una classe non viene eseguita perchè sovrqascritta dalla proprietà di un'altra classe ?
Allego immagine dell'ispezione del codice

Grazie

 

[WmbertSea]

Ciao, posso darti giusto alcune indicazioni per indirizzarti meglio sulla soluzione.

Esistono diversi metodi che puoi utilizzare anche a seconda dello scenario:

- puoi aumentare la specificità del selettore per la regola in questione. Fai magari qualche ricerca del tipo "specificità css" per avere più informazioni a riguardo, oppure "specificity calculator" per trovare degli strumenti con cui è possibile calcolare la specificità dei tuoi selettori.
Maggiore è il valore della specificità per un selettore css, maggiore è la sua priorità rispetto ai selettori analoghi che puntano agli stessi elementi. Se il valore di specificità è uguale tra due selettori, avrà priorità quello che viene letto dopo.

- puoi usare la clausola !important da inserire alla fine del valore definito per quella proprietà. Fai magari qualche ricerca del tipo "important css". In genere questo metodo viene sconsigliato a preferenza di una impostazione meglio studiata delle regole css.

- puoi definire le proprietà direttamente nei tag html attraverso l'attributo style. Questo metodo è generalmente detto "stile in linea". Tali proprietà avranno priorità rispetto a quelle definite, per lo stesso elemento, nel "css integrato".
In genere lo "stile in linea" viene sconsigliato per vari motivi. A meno di particolari situazioni, in cui può risultare necessario o più pratico usare questo metodo. è invece preferibile, come buona pratica, mantenere separato lo stile dalla struttura html.

Nel tuo caso, se vuoi usare un metodo "drastico", vai di "!important". Se invece miri ad una soluzione comunque più pulita, puoi cercare di "correggere" i selettori in modo da ottenere una specificità idonea per ciò che ti serve.

 

[Gae]

Grazie del suggerimento, leggerò quel che mi hai suggerito