CSS :hoverSelector

CSS完整选择器Manual de referencia completo de selectores CSS

Ejemplos

Selecciona el estilo cuando el mouse se mueve sobre el enlace:

a:hover { background-color:yellow; }

Pruébalo »

Definición y uso

:hover agrega un estilo especial cuando el mouse se mueve sobre el enlace.

Consejo:El selector :hover se puede utilizar en todos los elementos, no solo en enlaces.

Consejo: :linkEl selector establece el estilo de los enlaces de página no visitados,:visitedEl selector establece el estilo de los enlaces de página visitados.:activeEl selector establece el estilo cuando haces clic en el enlace.

Nota:Para producir el efecto esperado, en la definición de CSS, :hover debe ubicarse después de :link y :visited!!

Compatibilidad del navegador

Los números en la tabla indican la primera versión del navegador que admite la propiedad.

Selector
:hover 4.0 7.0 2.0 3.1 9.6

Nota:En IE se debe declarar<!DOCTYPE>para garantizar que el selector :hover sea efectivo.

Páginas relacionadas

Tutorial de CSS:CSS Links

Tutorial de CSS:Pseudoclases CSS

Examples

Try it Yourself - Examples


Ejemplos

Enlaces activos, visitados, no visitados o con el mouse sobre ellos:

a:link    {color:green;}
a:visited {color:green;}
a:hover   {color:red;}
a:active  {color:yellow;}

Pruébalo »

Ejemplos

Diferentes estilos de enlace:

a.ex1:hover,a.ex1:active {color:red;}
a.ex2:hover,a.ex2:active {font-size:150%;}

Pruébalo »

CSS完整选择器Manual de referencia completo de selectores CSS

Otras extensiones