Gestione struttura padre.figlio in CSS

martedì 10 ottobre 2006 - 23.55

Elenco Threads

Stanze Forum

Aggiungi ai Preferiti

Cerca nel forum

squilibrio Profilo | Expert

527 messaggi | Data Invio: mar 10 ott 2006 - 23:55

Spesse volte, guardando esempi di fogli di stile, mi capita di trovare situazioni nelle quali viene realizzato un foglio di stile "gerarchico" con una struttura del tipo padre.figlio; in quali è consigliabile questa soluzione??
Esempio:
<div> Con intestazione di un'area
<div> Con sottotiolo dell'area
<div> Con contenuti
... questo è un semplice esempio, qualcuno potrebbe spiegarmi com applicare una struttura "padre.figlio" per facilitare la lettura dei vari elementi nel file CSS

freeteo Profilo | Guru

6.542 messaggi | Data Invio: mer 11 ott 2006 - 22:48

ciao,
non so bene cosa intendi tu cmq diciamo che puoi tranquillamente usare il foglio di stile per applicare stili differenti a "figli" di padri differrenti, quindi diciamo a parita' di tag, se si trova contenuto dentro ad tag particolare prende 1 comportamento differente.
Tante parole che si spiegano da sole con 1esempietto chiarificatore:

------------------
foglio di stile:
------------------

.padre { padding:3px; }
.padre .figlio { border:solid silver 1px; }

.madre { background:Green; }
.madre .figlio { border:solid red 3px; }

------------------
pagina:
------------------

<div class="padre">
<div class="figlio">sono il figlio del padre</div>
</div>

<div class="madre">
<div class="figlio">sono il figlio della madre</div>
</div>

se lo provi vedi che i 2 div di classe "figlio" pur essendo di classe omonima diciamo che vengono modificati da quello che è scritto dentro al foglio di stile , indicando il tag preceduto dall'altra classe quindi:
.padre .figlio è differente da .madre .figlio

(separati da spazio)

questo funziona sia con nomi di tag (es: " .padre x {... ") che con id (es: #nonno #padre {...) etc...
ciao.

Matteo Raumer
[MCAD .net]
http://blogs.dotnethell.it/freeteo

Torna su

Stanze Forum

Elenco Threads

Partecipa anche tu! Registrati!

Hai bisogno di aiuto ?
Perchè non ti registri subito?

Dopo esserti registrato potrai chiedere
aiuto sul nostro Forum oppure aiutare gli altri

Consulta le Stanze disponibili.

Registrati ora !