La mate por un Yogur.net

Aplicar dos clases diferentes de css a un mismo elemento

15 de February, 2005

Pequeño tip que para algunos no será nada nuevo y para otros, como yo, fue todo un descubrimiento. Para que un elemento reciba los atributos de dos clases diferentes de nuestra hoja de estilo tan sólo deberemos separarlas por un espacio.

Si tenemos la clase1 y la clase2 previamente definidas en nuestro archivo css, bastaría con el siguiente código para que un div recibiera las opciones de ambas clases. He aquí un ejemplo:

<div class="clase1 clase2">Este texto se ve afectado por las dos clases</div>

Diseño Web | ¡Compártelo!

Entradas relacionadas

3 Comentarios

RSS TrackBack

xlony dice:

si en vez de clases son id’s también valdría?

Comentario — 15/2/2005
Boja dice:

Para un id no valdría.

Comentario — 15/2/2005
kpull1 dice:

Muy buen truco, me ha sido realmente útil.

Según W3C los ID deben ser únicos para identificar a los elementos, por lo que no tiene sentido poner dos ID a un mismo elemento.

Comentario — 24/3/2008