AOWS

Just another adrian’s weblog

Selectores CSS

leave a comment »

Los selectores son los patrones utilizados en CSS para hacer el pattern matching y aplicar los estilos correspondientes. O dicho de otra manera, son las reglas mediante las cuales definimos los estilos de nuestra página.

Por ejemplo, el siguiente selector:

a {
   color: red;
}

haría que todos los enlaces fuesen rojos.

Esto se puede complicar bastante introduciendo operadores o condiciones (lista completa de selectores). Así, por ejemplo:

p a {
   color: red;
}

sólo colorearía de rojo los enlaces que estuvieran dentro un párrafo (etiqueta p).

Más complejo:

a[href^="http://adrian.otero.ws/blog"] {
   color: red;
}

este ejemplo pintaría de rojo sólo los enlaces que apuntasen a una página de este blog.

Con los selectores se pueden llegar a conseguir efectos muy curiosos, que iremos viendo poco a poco. Por desgracia, y como viene siendo común en el desarrollo web, sólo algunos funcionarán en todos los navegadores. Para esto es muy útil esta tabla de compatibilidad entre navegadores y selectores CSS.

Written by adrian

1 febrero, 2008 a 11:17

Publicado en Posts

Tagged with ,

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s

A %d blogueros les gusta esto: