Aplicar una hoja de estilos SOLO a un div

[barbel]

Hola buenas, estoy creando una web, en la que necesito a un div contenedor, aplicarle una hoja de estilos.

El tema es que en función de una variable PHP tengo que cargar una hoja de estilos u otra.

Hasta ahí ningún problema, porque lo hago con simple switch case.

El problema viene en que quiero que esa hoja de estilos se aplique SOLO a un div en concreto. Los estilos imaginemos h1, h2, h3, h4 se apliquen solo a ese DIV.

Esas hojas tendré que utilizarlas en varias partes de la web, por lo que la opción de crear un id para ese div no es plausible.

Alguna idea?

[petit89]

2 hojas de estilo?

[AngelKrak]

No te sirve el pseudo :first-child?

algo asi por ejemplo:

Código CSS:

div.bloque:first-child {
  color: #222;
}
 

[lllmozartinlll]

Hola,

¿No puedes aplicar una clase a ese div en particular y ponerla manualmente?

Gracias,

Saludos cordiales,

lllmozartinlll

[pzin]

Pon un ID a ese elemento y luego en los selectores haces siempre referencia a ese ID.

Código HTML:

<div id="algo">
  …
</div>
 

Código CSS:

#algo h1 {}
#algo h2 {}
 

Y si lo haces con algún preprocesador lo tienes más fácil:

Código CSS:

#algo
 
  h1
    // estilos
 
  h2
    // estilos