Scusate,
qualcuno sa se esiste la possibilità nei fogli di stile di far eredire una classe da un'altra??
Ovvero: supponendo di aver il seguente CSS
.prova{
clear:left;
border-top:1px solid #999;
padding-top:1em;
margin-top:1em
}
se io ora volessi definire una classe prova2, uguale a prova tranne che per il padding-top, che supponiamo voglia uguale a 2em, devo per forza riscrivere tutto, o posso in qualche modo ereditare( o estendere) prova ??
grazie e ciao a tutti
codice:.prova{ clear:left; border-top:1px solid #999; padding-top:1em; margin-top:1em } .prova .prova2 { font-size: 2em; }
Ho scitto il seguente codice seguendo il consiglio:
<html><head></head>
<style type="text/css">
.a{
font-size:50pt;
}
.a.b{
color:red;
}
</style>
<body>
<label class="a" id=pippo >ciao</label>
<label class="b" id=pippo1 >ciao</label>
</body>
</html>
solo che il secondo "ciao"(quello con id=pippo1) è si in rosso, ma scritto in piccolo, il che significa che la proprietà font-size non è stata mantenuta nella nuova classe.
dove ho sbagliato?Grazie e ciao
certo, tu setti la grandezza per la prima classe, mentre setti il colore per entrambe le classi
la sintassi
.cl1, .cl2{
...
}
setta delle caratteristiche per entrabe le classi, a cui vanno ad aggiungersi quelle eventualmente settate per la singola
se così fosse entrambe le scritte dovrebbero essere rosse...e non solo la prima.
Scusate ma sono veramente ignorante..e probabilmente sono io che non capisco
pardon: solo la seconda scritta è rossa...nopn la prima come dicevo nel post precedente...cmq il dubbio o problema resta..
mi era sfuggita una virgolettina...
<html><head></head>
<style type="text/css">
.a{
font-size:50pt;
}
.a, .b{
color:red;
}
</style>
<body>
<label class="a" id=pippo >ciao</label>
<label class="b" id=pippo1 >ciao</label>
</body>
</html>
ora ci siamo....grazie mille e ciao
Permessi di invio
Rispondi quotando