ho un CSS con queste istruzioni

# 1 pezzo
.str-1990 #str-int #central-box h2 {
color: rgb(29,78,101);
font-weight: bold;
font-size: 220%;
}

# 2 pezzo
#str-int #central-box h2 {
color: rgb(29,78,101);
font-weight: bold;
font-size: 80%;
}



e un html con questi tag



<div id="str-int" class="str-1990">
<div class="central-box">
<h2>AAAAAA</h2>
</div>
<div>

<div id="str-int" >
<div class="central-box">
<h2>AAAAAA</h2>
</div>
<div>


vorrei che il 1 blocco prendesse il layout del 1 pezzo di css e il 2 blocco del 2 pezzo di css....

cosa sbaglio? si può fare questo?

grazie