Con más clase

3/nov/2006 0

A partir de CSS2, se puede agregar más de una clase a un selector. Basta con separarlos con un espacio dentro del class de esta manera: class="rojo bold". Veamos un ejemplo muuuuuy simple. A continuación, dos estilos para un mismo texto:

.rojo {
     color: #F00;
}
.bold {
     font-weight: bolder;
}

Ver ambas clases en un mismo tag <p>.

Un detalle muy importante. Si ambas clases coinciden en uno o más atributos, la última clase mencionada en class="" es la que primará. Por ejemplo, digamos que ambas clases de class="grande chico" tienen font-size: pero .grande es de 24px y .chico 11px; en este caso el selector será de 11 pixeles.

Otro detalle a considerar, es que esto no es muy soportado en browsers antiguos. Pero bueno, mejor que se actualicen.

Deja tu Comentario

Tu dirección de correo electrónico no será publicada. Los campos necesarios están marcados *

CSSLab