Con más clase
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 {<br /> color: #F00;<br /> }<br /> .bold {<br /> font-weight: bolder;<br /> }
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.
Leer otros artículos