Es posible utilizar más de una clase para un mismo elemento, escribiendo cada clase separada por un espacio de este modo:
<div class="bloque importante"> <div class="bloque importante especial">
.bloque{}
.importante{}
.especial{}
Tenemos cuatro columnas flotantes y deseamos separarlos con un borde entre ellos, para lo cual agregamos un borde al lado derecho, de este modo:
.columna{width:150px;height:120px;
border-right:1px solid #000;
margin:7px;padding:8px;float:left;}
.nb{border:none;}
.cb{border-left:1px solid #000;}
<div class="columna">bloque con class="columna"</div> <div class="columna">bloque con class="columna"</div> <div class="columna">bloque con class="columna"</div>
Si deseamos que solo haya divisiones con una línea entre columnas tenemos que eliminar la línea de la última columna del lado derecho. para lo cual agregaremos una clase adicional que elimine el borde de este modo:
.columna{width:150px;height:120px;
border-right:1px solid #000;
margin:7px;padding:8px;float:left;}
.nb{border:none;}
<div class="columna">bloque con class="columna"</div>
<div class="columna">bloque con class="columna"</div>
<div class="columna nb">bloque con class="columna nb"</div>
Notar que las propiedades generales de la primera clase se siguen aplicando y la segunda clase aplica propiedades particulares.
Ejemplos de las propiedades css paso a paso, descargas, ejercicios.
Aprender HTML paso a paso con ejemplos, descargas, ejercicios, marcado básico.
Alojamiento web gratis, soporte de php, mysql, Ftp, Panel de Control, .htacces y más.
Programas para generar colores HTML, rgb, hexadecimal, capturar colores de pantalla.
Flotar una imágen a un lado u otro de un parrafo, mientras el texto esta alrededor de él.