igualar clases

[mj1984]

Hola,

tengo una hoja de estilos donde he definido una clase genérica (para usarla en varios sitios) que se llama:

.texto_n{
font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
font-size:12px;
color:#FFF;
}

.texto_b{
font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
font-size:12px;
color:#FFF;
font-weight: bold;
}

Luego, en html he creado un <div class="clase_div"> al que le he aplicado una clase css. Dentro de este div tengo varios <p> y <span>. Quiero que los <p> de este div tengan las propiedades de la clase texto_n, y los span de la clase texto_b.

Quisiera saber si es posible poner que la clase .clase_div p{} fuera igual que .texto_n{}, y no tener que escribir de nuevo las propiedades de texto_n{} para -clase_div p{}. Lo mismo para .clase_div span{}.

Espero haberme explicado.

Muchas gracias.

[pzin]

Puedes hacer separar los selectores por comas para aplicar las mismas cosas.

Código CSS:

.clase_div p, .texto_n {
  font-fami...
}
 

Y ya que estamos, para simplificar aquello, incluso puedes hacer algo tal que:

Código CSS:

.clase_div p, .texto_n,.texto_b {
  font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
  font-size:12px;
  color:#FFF;
}
 
.texto_b {
  /* los demás estilos vienen heredados de arriba */
  font-weight: bold;
}
 

Aunque yo particularmente usaría <strong> para el texto en negrita. Por la cosa semántica.