Ciao ragazzi.. sapete come di una classe in CSS si possa solo per alcune parti dell'HTML rimuovere una delle sue proprietà ?

Ho questo codice
codice:
aside.widget {
	margin: 0 0 30px 0;
	padding:  0 0 30px 0;
	font-size: .8em;
	border-bottom: 1px solid #ddd;	
}
che mi crea una linea sotto con il border-bottom che invece vorrei rimuovere per alcuni elementi dell'HTML (lasciando il resto della formattazione)

Ecco allora creare quest'altra classe dove stabilisco "border-bottom-style: none;"
codice:
.widget_calendarietto {
border-bottom-style: none;
}
Perchè non riesco a rimuovere la linea sotto ?

Grazie in anticipo

Ecco l'HTML

codice:
<aside id="linkcat-2" class="widget widget_calendarietto"> 
 <h3 class="widget-title">TITOLO</h3>
<div class="calendarietto box190">
... codice
</div>
</aside>