clases y subclases

[nachopro]

estimados:
en una oportunidad, no recuerdo donde, vi un mini tutorial en donde se hacía uso de clases y sub clases...

por ejemplo había un div que llevaba un CLASS y dentro de él, distintos divs con su correspondiente CLASS

hoy me veo en un aprieto y creo que esa es la solución...
el problema creoq ue está en mi forma de referenciar las subclases..

pasa que, por ejemplo .bloque_de .titulo se me pisa con .masnoticias .titulomn (por eso tuve que poner titulomn)

me podrían guiar o recomendar un tutorial al respecto? muchas gracias

les muestro el código:

HTML:

Código:

<div id="columna3">
	<div class="bloque_de">
		<div class="titulo">Noticias destacadas</div>
		<div class="contenido">
			<div class="noticiasdestacadas">
				<div class="iconond"></div>
				<div class="titulond"><a href="/noticias/multimedia/creative-apesta.html">Creative apesta</a></div>
				<div class="fechand">13-04-2007</div>

				<div class="copetend">No tiene drivers como la gente y menos para XP x64... <br />resumiento: una poronga zarandeada en el culo!</div>
			</div>
			<div class="noticiasdestacadas">
				<div class="iconond"></div>
				<div class="titulond"><a href="/noticias/memorias/nuevas-corsair.html1">Nuevas Corsair1</a></div>
				<div class="fechand">15-03-2007</div>
				<div class="copetend">En momentos salen a la venta y... agarrate la concha!1</div>

			</div>
		</div>
	</div>				<div class="bloque_de">
		<div class="titulo">M&aacute;s noticias</div>
		<div class="contenido">
			<div class="masnoticias">
				<div class="iconomn"></div>

				<div class="titulomn"><a href="/noticias/perifericos/xbits-suckea-mal.html">Xbits suckea mal</a></div>
			</div>
			<div class="masnoticias">
				<div class="iconomn"></div>
				<div class="titulomn"><a href="/noticias/procesadores/qweqweqwe.html">qweqweqwe</a></div>
			</div>
		</div>
	</div>

CSS:

Código:

#columna3
{
	width: 237px;
	float: right;
	margin: 0 10px 10px;
}
.bloque_de
{
	width: 237px;
}
.bloque_de .titulo
{
	height: 24px;
	background: url(imagenes/cosito_de.jpg) no-repeat;
	font-size: 12px;
	font-weight: bold;
	color: White;
	padding: 13px 0 0 20px;
}
.bloque_de .contenido
{
	background: #EEEEEE;
	margin: 0 7px 0 7px;
}
.bloque_de .contenido p
{
	margin: 0;
	padding: 5px;
}
.masnoticias
{
	margin: 0 0 10px;
}
.masnoticias .iconomn
{
	float: left;
}
.masnoticias .titulomn
{
	margin: 0 0 0 20px;
	font-weight: bold;
}
.masnoticias .titulomn a
{
	text-decoration: none;
	color: #000000;
}
.noticiasdestacadas
{
	margin: 0 0 10px;
}
.noticiasdestacadas .iconond
{
	float: left;
}
.noticiasdestacadas .titulond
{
	margin: 0 0 0 20px;
	font-weight: bold;
}
.noticiasdestacadas .titulond a
{
	text-decoration: none;
	color: #000000;
}
.noticiasdestacadas .fechand
{
	margin: 3px 0 0 0;
	color: #FF4000;
	float: left;
	width: 75px;
}
.noticiasdestacadas .copetend
{
	margin: 3px 0 0 0;
}