Newsgroup: it.comp.www.html
Titolo: eredità con i CSS

Salve a tutti,
da poco sto iniziando ad utilizzare i fogli di stile. Vorrei sapere
come è possibile ereditare una classe in un'altra (spero che si possa
fare una cosa del genere).
Mi spiego meglio con un esempio:
-------------------------------------------------------------------------------------------------------------------------------
.paragrafo1 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-style: normal;
font-weight: bold;
color: #000000;
}
.paragrafo1 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-style: normal;
font-weight: bold;
color: #FFFFFF;
}
-------------------------------------------------------------------------------------------------------------------------------
Per ogni paragrafo imposto sempre lo stesso font-family, size, ecc,
l'unico attributo diverso è color.
Vorrei sapere come posso fare per far ereditare a .paragrafo1 e 2  gli
attributi identici settati in un'altra classe?
Vorrei fare una cosa del genere:
-------------------------------------------------------------------------------------------------------------------------------
.paragrafo {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-style: normal;
font-weight: bold;
}
.paragrafo1 EREDITA .paragrafo {
color: #000000;
}
.paragrafo2 EREDITA .paragrafo {
color: #FFFFFF;
}
-------------------------------------------------------------------------------------------------------------------------------
Ho provato a cercare su internet, ma non ho trovato nulla. Spero che
voi mi possiate dare una mano.
grazie anticipatamente per le vostre risposte
--
Newsgroup robomoderato - gli articoli vengono approvati automaticamente

 .paragrafo2 EREDITA .paragrafo {
Non si puo`.
Pero` puoi impostare due classi al paragrafo:
<p class="paragrafo paragrafo1">.....</p>
<p class="paragrafo paragrafo2">....</p>
Ancora meglio, per la consistenza del sito, visto che <p> definisce gia` 
un paragrafo, e` di definire
p {
 stili base per tutti i paragrafi
}
p.base {
 color: #000;
}
p.invertito {
 color: #fff;
}
e usare direttamente
<p class="base">...</p>
<p class="invertito">...</p>
Ma questo va studiato in base alla semantica delle varie componenti del 
sito.
Bye.


 un paragrafo, e` di definire
Grazie per la risposta tempestiva.
Ora non sono a casa e non posso fare delle prove, quindi mi sorge
questo dubbio: lo stesso discorso vale per i <div>?


 dubbio: lo stesso discorso vale per i <div>?
Quale discorso?
Se ti riferisci alle classi multiple, si`, vale per tutti i tag.
Bye.


 Vorrei fare una cosa del genere:
La soluzione più simile a quello che chiedi è raggruppare le due classi
.paragrafo1, .paragrafo2 {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 10px;
   font-style: normal;
   font-weight: bold;
   }
.paragrafo1 { color: #000; }
.paragrafo2 { color: #FFF; }
o riscrivendo uno dei due colori
.paragrafo1, .paragrafo2 {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 10px;
   font-style: normal;
   font-weight: bold;
   color: #000; 
   }
.paragrafo2 { color: #FFF; }


 <p class="invertito">...</p>
immagino che questo non funzioni se inserissi un testo in un <div>
anziché in un <p>.
Naturalmente so che sarebbe meglio inserire il testo in un <p>, ma
generallizando il discorso con altri attributi, come si potrebbe
realizzare una sorta di eredità?


 questo dubbio: lo stesso discorso vale per i <div>?
Vale per tutti i tag. Quello che mi pare strano
è non definire un font base per il sito e poi lavorare
di cesello. Ad esempio:
body {
   font: normal 12px/18px Arial, Helvetica, sans-serif;
   color: #000;
}
Poi per i <p> assegni altre propietà più specifiche,
ma tipicamente il font base lo utilizzi anche per i <p>.
Una volta che assegni un font <body> questo viene ereditato
dagli elementi all'interno di esso. Anche questa è una forma
di ereditarietà nei CSS.
Come ha già scritto Alessandro si imposta un default e poi
si scrive codice CSS aggiuntivo per le eccezioni.
Bye.
-- 
blog  
http://blog.deelan.com/
links 
http://del.icio.us/deelan


 realizzare una sorta di eredità?
Come ti ho detto: usando classi multiple nei tag.
Bye.
