Newsgroup: it.comp.www
Titolo: Specificità di css

Chi mi sa dire qualcosa
Che diferenza c'è fra questo e quello di 
html.it
<?xml version="1.0" encoding="iso-8859-1"?>
<!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>
<title>Specificit?/title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css">
body { color: black; font: 12px Verdana, sans-serif; }
h2 {color: red;}
h2.titolo {color: black;}
#titolo2 {color:blue;}
.par { color: red; }
p.par { color: blue; }
#paragrafo {color: green;}
div p {color: red;}
.codice {font: 12px "Courier New", Courier, mono; color: #000000;
background: #FFFFCC;}
</style>
</head>
<body>
<h1>Specificit&agrave;</h1>
<p><strong>Esempio 1</strong>. Nel CSS impostiamo queste dichiarazioni:</p>
<p class="codice">h2 {color: red;}<br>
 .titolo {color: black;}<br />
 #titolo2 {color:blue;}</p>
<p>
Ora inseriamo un elemento <strong>&lt;h2&gt;</strong> assegnando ad esso la
classe <strong>.titolo</strong> e l'id <strong>titolo2</strong>.
</p>
<p>
<span class="codice">&lt;h2 class=&quot;titolo&quot;
id=&quot;titolo2&quot;&gt;</span>
 Ecco il risultato:</p>
<h2 id="titolo2" class="titolo">Titolo di secondo livello.</h2>
<h2 id="titolo2" class="titolo"><table><tr><td>Titolo di secondo livello con
table.</td></tr></table></h2>
<p class="titolo"> Perch&egrave; il nostro <strong>&lt;h2&gt;
</strong>&egrave; blue e non rosso o nero? Perch&egrave; l'indicazione di
un id ha un peso specifico maggiore di una classe, che a sua volta pesa
pi&ugrave; di un semplice elemento.
</p><br>
<p><strong>Esempio 2</strong>. Ancora una prova. Definiamo due
dichiarazioni:
<table><tr><td>Perch&egrave; il nostro <strong>&lt;h2&gt; </strong>&egrave;
blue e non rosso o nero? Perch&egrave; l'indicazione di un id ha un peso
specifico maggiore di una classe, che a sua volta pesa pi&ugrave; di un
semplice elemento con table.<p><strong>Esempio 2</strong>. Ancora una
prova. Definiamo due dichiarazioni:</p></td></tr></table>
</p>
<p class="codice">.par { color: red; }<br />
  p.par { color: blue; }</p>
<p class="par">
A questo paragrafo assegno la classe <strong>par</strong>: &lt;p
class=&quot;par&quot;&gt;. Come si vede esso &egrave; blue. Se facciamo il
calcolo della specificit&agrave; avremo 0-1-1 mentre con la semplice classe
abbiamo 0-1-0.
</p>
<p><strong>Esempio 3</strong>. Ed ora l'esempio della lezione. </p>
<div>
<p id="paragrafo">
Questo paragrafo si trova all'interno di un div (e dovrebbe pertanto essere
rosso) ma presenta anche l'attributo id=&quot;paragrafo&quot;. Per la
regola della specificit&agrave; prevale questa impostazione. 1-0-0 &egrave;
superiore a 0-0-2.
</p>
</div>
<div>
<p id="paragrafo">
<table style="width: 100%; text-align: left;"><tr><td>Questo paragrafo si
trova all'interno di un div (e dovrebbe pertanto essere rosso) ma presenta
anche l'attributo id=&quot;paragrafo&quot;. Per la regola della
specificit&agrave; prevale questa impostazione. 1-0-0 &egrave; superiore a
0-0-2. con table</td></tr></table>
</p>
</div>
</body>
</html> 
-- 
Visitate:
www.comunita.org
www.crealavoro.org
www.bottegasolidale.com

 Che diferenza c'è fra questo e quello di 
html.it
qual'è "quello di 
html.it
"?!?
Se il tuo problema risiede nel fatto che viene visualizzata una pagina bianca,
la risoluzione sta in un errore di digitazine:
...<title>Specificit?/title>...
deve essere ..<title>Specificita'</title>...
_dotTSim_