pseudoclases dinamicas, :hover :active :focus, como darle mas interactividad a los links con CSS


con CSS y un poco de imaginacion podemos darle mucha mas nteractidad a nuestros documentos html, en este caso para los estados sobre, activado, y focus.

  • la pseudoclase :hover entra en actividad cuando un puntero esta sobre el link o elemento sin activarlo
  • la pseudoclase :active entra en actividad en el momento que el usuario presiona el mouse sobre el elemento, hasta que lo suelta
  • la pseudoclase :focus se activa cuando se hace foco sobre un elemento, como por ejemplo cuando nos ponemos a rellenar yy escribir dentro de un formulario
  • a:hover{color:red;}
    a:visited {color:blue;}

    un elemento puede combinar muchas pseudo clases a la vez

    CSS 2.1 no define si el padre del elemento en cuestion esta hover o active, es indiferente
    a:hover tiene que ser puesto despues de a:link y a:visited, de lo contrario las caracteristicas de hover bañaran el link entero por el tema de la cascada
    ejemplos
    a:focus { background: yellow }
    a:focus:hover { background: white }

  1. No trackbacks yet.

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: