|
Continuando el post de Rodrigo, y convirtiéndolo en un meme, voy con un pequeño tip para CSS.
Aplicando estilos a elementos según sus propiedades:
Si queremos aplicar un estilo a, por ejemplo, todos los campos de texto de una página, probablemente les asignemos una clase, o bien, aprovechando a ser más genéricos, apliquemos:
input{
display: block;
width: 65%;
float: left;
margin-bottom: 5px;
height: 23px;
}
Con lo cual todos los elementos del formulario (text fields, radio, checks, etc.) toman este estilo.
Ahora bien, supongamos que sólo queremos apuntar a los textfield. Podemos entonces utilizar los selectores de propiedades, que básicamente filtran elementos por una propiedad y, opcionalmente, por su valor:
Por propiedad, todos aquellos SPAN que tengan definido, con cualquier valor, el atributo class:
SPAN[class] { color: blue; }
Por propiedad-valor, en este caso los input cuyo type sea “text”:
input[type=”text”]{
display: block;
width: 65%;
float: left;
margin-bottom: 5px;
height: 23px;
}
Es importante mencionar que, por lo menos según mi experiencia, IE no interpreta bien (naaaa, ¿en serio?) los selectores de atributo, para lo cual el único remedio es aplicarle una clase explícitamente.
Quién sigue? el que quiera… tal vez franco, fede o, si está, marquitos.
| 
