Es mejor usar las jeararquias en css?

doomkel · #1 (**permalink**) 18/03/2011, 12:56

Hola, apenas estoy iniciando con CSS por lo que he visto varias formas de escribir pseudoclases e identificadores, algunos usando el elemento que es o el que lo contiene, pero no se si esto tenga alguna utilidad ya que realizan lo mismo por ejemplo hacer:

<html>
<head>
<style>
.div1 {background-color: blue;}
.lblanca {color:white;} </style>
</head>
<body>
<div class="div1">
<p class="lblanca">Prueba</p>
</div>
</body>
</html>

hace lo mismo que esto

<html>
<head>
<style>
.div1 {background-color: blue;}
div.div1 p.lblanca {color:white;} </style>
</head>
<body>
<div class="div1">
<p class="lblanca">Prueba</p>
</div>
</body>
</html>

cual es la forma correcta de escribirlo, o la que se recomienda usar??

gracias

laratik · #2 (**permalink**) 18/03/2011, 13:13

hola doomkel, para empezar no creo que hagan lo mismo. el primer ejemplo que colocas .lblanca {color:white;} cualquier elemento que le coloques la clase lblanca tomara las reglas css que has creado, en cambio si colocas div.div1 p.lblanca {color:white;} estas restringiendo el uso de la clase a que se encuentre en un div de clase div1 y que el contenedor de la clase lblanca debe ser un parrafo p.

por ejemplo si tienes un <div class = "lblanca>, con la regla .lblanca {color:white;} funcionara perfectamente, mientras con div.div1 p.lblanca {color:white;} no pasara nada.