[niubbo] Modificare lo stile senza cambiare il codice html

**sirelancillotto** · 11-06-2009, 00:50

Buonasera,

domanda molto semplice:

vorrei formattare diversamente questa scritta senza intervenire sul codice html ma inserendo invece le giuste istruzioni nel file css collegata alla pagina.

codice:

BLA BLA BLA

se ad esempio voglio un colore rosso, cosa dovrei scrivere nel css? Questo sotto?

codice:

#modal {color: red;}

Grazie.

**loop** · 11-06-2009, 02:10

codice:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento senza titolo</title>
<style type="text/css">
<!--
#stile {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	font-style: italic;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #000;
	text-decoration: none;
	letter-spacing: normal;
	text-align: left;
	text-indent: 4;
	vertical-align: top;
	word-spacing: normal;
	white-space: normal;
	display: none;
}
-->
</style>
</head>

<body>

BLA BLA BLA

</body>
</html>

**Mich_** · 11-06-2009, 09:01

Originariamente inviato da sirelancillotto
Buonasera,

domanda molto semplice:

vorrei formattare diversamente questa scritta senza intervenire sul codice html ma inserendo invece le giuste istruzioni nel file css collegata alla pagina.

codice:

BLA BLA BLA

se ad esempio voglio un colore rosso, cosa dovrei scrivere nel css? Questo sotto?

codice:

#modal {color: red;}

Grazie.

Dal punto di vista formale, quello postato e` codice CSS (e` inserito inline, cioe` con attributo "style=").

Quindi io interpreto la domanda cosi`:

vorrei formattare diversamente questa scritta senza intervenire sul codice del file html ma inserendo invece le giuste istruzioni nel file css collegata alla pagina

Risposta:
Non e` possibile.
Gli stili inseriti inline hanno piu` priorita` di quelli definiti nel file associato.

Pero` c'e` un escamotage:
Nel file CSS inserisci:

codice:

.modal {    /* attenzione, modal e` una classe, non un id */
  color: red !important;
}

E allora nei browser conformi (*) le direttive !important hanno la precedenza sulle altre.

(*) purtroppo IE non e` conforme.
IE6 non conosce !important
IE7 dovrebbe conoscerlo se usi la DTD strict, ma non so come si comporta in questo specifico caso
IE8 non lo so

**sirelancillotto** · 11-06-2009, 16:04

Salve Mich_

è esattamente quello che volevo dire, grazie per la risposta esauriente.

Ancora una; perché hai sottolineato che modal è una classe e non un id?

Significa che devo mettere un punto. e non un cancelletto# prima del nome della classe?

**Mich_** · 11-06-2009, 17:33

Originariamente inviato da sirelancillotto
Ancora una; perché hai sottolineato che modal è una classe e non un id?
Significa che devo mettere un punto. e non un cancelletto# prima del nome della classe?

Esatto! Nel tuo codice CSS era trattato come id, mentre nell'HTML e` una classe

**sirelancillotto** · 11-06-2009, 17:38

Grazie mille!

Discussione: [niubbo] Modificare lo stile senza cambiare il codice html

Strumenti discussione

Ricerca discussione

Visualizza

[niubbo] Modificare lo stile senza cambiare il codice html

Re: [niubbo] Modificare lo stile senza cambiare il codice html

Permessi di invio