estilo se asigne solo a los hijos directos

[helacer]

Tengo algo asi como el siguieten ejemplo.

Código:

<div id="pepito">
<a href="">contenido></a>
<div id="hijodepepito">
<a href="">contenido></a>
<a href="">contenido></a>
<a href="">contenido></a>
</div> <!--  Cierro el hijo de pepito-->
<a href="">contenido></a>
</div><!-- Cierro a pepito  -->

si coloco una hoja de estilo con #pepito a .... esta me modifica todos los enlaces.... y oquiero que me modifique unicamente los hijos directos es decir los que estan en negrilla como seria?????????


gracias

[xFantaSx]

Hola.
Para indicar que sólo se seleccionen directamente los hijos tienes que aplicar una sintaxis de esta forma:

Código CSS:

#pepito > a {font-size:30px;}
 

En este caso esta regla afectaría sólo a los enlaces hijos directos de pepito.