Se scrivo nel mio foglio di stile:

div#header div#box{
border:3px solid #C8C8C8;
font-size:2em;
margin-top:0px;
padding:0px;
width:200px;
}

div#content div#box{
border:1px solid #C8C8C8;
font-size:0.9em;
margin-top:30px;
padding:5px;
width:150px;
}

E poi nella pagina html:

<div id="header">
<div id="box">
lkdjfdslkjklf
</div>
</div>

<div id="content">
<div id="box">
lkdjfdslkjklf
</div>
</div>

I due box vengono correttamente formattati. Però il validatore mi dice che il div "box" è ripetuto. A questo punto è scorretto utilizzare la scrittura sul foglio di stile sopra? E' più corretto scrivere ad esempio:

div#box1{
border:3px solid #C8C8C8;
font-size:2em;
margin-top:0px;
padding:0px;
width:200px;
}

div#box2{
border:1px solid #C8C8C8;
font-size:0.9em;
margin-top:30px;
padding:5px;
width:150px;
}

Giusto o no?