- Home
- Categorie
- Coding e Sistemistica
- Coding
- Come applicare formattazione classe ad un tag già formattato?
-
Come applicare formattazione classe ad un tag già formattato?
Buongiorno a tutti.
Oggi, mi sono trovato a dover formattare un tag h2 con una classe, solo che non me lo faceva.
Allora il testo lo trasformato in p che non era formattato e la classe si applica.
Se io volessi però applicare la classe al h2 senza cancellargli la formattazione, come potrei fare?
Una soluzione sarebbe mettere più classi al h2, ma esiste un alternativa in modo da lasciare invariato il lavoro già fatto?
Grazie
Marco
-
Ciao ghisirds.
Se non vuoi sovrascrivere la formattazione esistente, a meno della keyword !important devi applicare una classe i cui attributi non vengano riscritti. Ad esempio:[html]p.miaclasse { font-size: 1em;}
h2.miaclasse2 { font-size: 2em;}<p class="miaclasse"><h2 class="miaclasse2">CIAO</h2> ciao</p>[/html]Le due classi vanno in conflitto perchè entrambi impostano la dimensione del font. Credo, ma non ricordo bene, che vinca la classe .miaclasse2 perchè viene dichiarata dopo nel foglio di stile.
Se vuoi che invece venga interpretata .miaclasse, devi impostare gli attributi che vuoi preservare così:
[html]p.miaclasse { font-size: 1em !important; }[/html]
-
grazie a tutti.
Alla fine, ho risolto così:h2 {
color: red;
text-decoration: underline;
}h2 .tuaclasse {
color: black;
text-decoration: none;
}così ho h2 rosso sottolineato e h2.tualcassa nero non sottolineato.
ciao
marco
-
Ottimo
Allora non avevo capito la domanda
-
Ti bastava mettere span!
-
beh, si, con la classe è più comodo però usando dreamweaver..!!