ciao ragazzi io ho un problema con i css (fogli di stile),



<html>
<head>
<title>Css - Le pseudo-classi - I link</title>
<link rel="stylesheet" type="text/css" href="prova3.css">
</head>
<body>
</body>
<h1 class="ciauz">Css - Le pseudo-classi</h1>
<div id="ciao">


Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah </p>
<p class="abcd">Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah </p>
<p class="abcd">Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah </p>
<p class="abcd">Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah </p>
<p class="abcd">Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah </p>
</div>
link
</html>


ecco il css:



<style type="text/css">
p.abcd {
color: green;
font: 10px Arial, Verdana, sans-serif;
}

#ciao p:first-child {
color: Red;
font-weight: bold;
font: 10px Arial, Verdana, sans-serif
}

h1.ciauz{
body:white;
color: Green;
font: 14px Verdana, Arial, sans-serif;
font-weight:bold;
}
</style>



il problema è che pur se dico di far visualizzare tutti gli altri blah verdi nn si visualizzano e si visuaòizza solo il primo rosso