Stilizzazione menù sinistro Vertnav

Principali classi utilizzate nel foglio di stile dell’estensione Vertnav:

#vertnav: è l’id principale, dal quale discendono tutte le classi del css;

.active: è la classe dell’elemento lista visualizzato attualmente;

.prev: è la classe dell’elemento lista immediatamente precedente a quello visualizzato attualmente;

.next: è la classe dell’elemento lista immediatamente successivo a quello visualizzato attualmente;

.first: è la classe del primo elemento lista;

.last: è la classe dell’ultimo elemento lista;

.inactive: è la classe di tutti gli altri elementi lista non compresi nelle precedenti classi;

.levelnr-livello: è la classe relativa agli elementi lista presenti al livello indicato in italico; per esempio, indicando .level0, le modifiche saranno apportate solo agli elementi ‘radice’ delle categorie, mentre un .level1 interverrà su tutti i sottoelementi e così via;

.vertnav-cat: è la classe associata alle scritte, responsabile quindi di font e colore del testo; va applicata come sottoclasse di una delle precedenti.

Esempi di stilizzazione:

#vertnav .active .vertnav-cat {}: stilizza il testo dell’elemento visualizzato sul sito;

#vertnav .first .vertnav-cat {}: stilizza il testo del primo elemento;

#vertnav .level0 .vertnav-cat {}: stilizza i testi degli elementi radice di ogni categoria;

0 commenti

Lascia un Commento

Vuoi partecipare alla discussione?
Sentitevi liberi di contribuire!

Lascia un commento