Creare sottoclassi CSS
Spesso capita, sopratutto lavorando con i CMS come Joomla!, di dover modificare lo stile individuale di un elemento.
Nel caso si tratti di un elemento “padre”, cioè indipendente da altri, è sufficiente creare ed assegnare una classe CSS specifica.
Quando si tratta di un child item, elemento figlio, bisogna invece creare una sotto-classe. dipendente nella scala gerarchica (cascading) da un parent item.
Per individuare le classi/sottoclassi, puoi sfruttare Firefox in combinazione con l’add-on Firebug (www.getfirebug.com).
Una volta individuata la classe dell’elemento “padre”, apri il file CSS che ne contiene la dichiarazione:
- copia la classe parent
- incollala subito sotto nel documento e modificane il nome aggiungendo la sottoclasse separata da un punto. Es:
parent {
proptietà1:<valore>;
}parent .child {
proptietà2:<valore>;
}Nota l’importanza dello spazio tra “parent” e “.child”.
- Hai appena definito l’elemento child come figlio dell’elemento parent
- assegna all’elemento figliio la classe “parent chid” (il nome con spazio senza punti)
