Uso de desplazamiento en CSS

En CSS, hover es un selector de pseudoclase que se utiliza para seleccionar el elemento sobre el que se desplaza el puntero del mouse. Cuando el usuario pasa el mouse sobre el elemento, se puede usar hover` para aplicar algunos cambios de estilo. Los siguientes son algunos usos comunes:

1. Cambiar el estilo del elemento cuando el mouse está sobre el cursor. Por ejemplo, a:hover{color:red}, cuando el mouse pasa sobre el enlace, el color del enlace cambiará a rojo.

2. Cambiar el estilo de los elementos secundarios. Por ejemplo, child:hover{background-color:pink}, cuando el mouse pasa sobre el elemento que contiene al niño, el color de fondo del niño cambiará a rosa.

3. Cambiar el estilo de los elementos hermanos (elementos hermanos). Por ejemplo, padre: flotar sobre el niño {color de fondo: verde}, cuando el mouse pasa sobre el elemento principal, el color de fondo de su elemento hermano cambiará a verde.

4. Cambia el estilo de los elementos cercanos. Por ejemplo, parent:hoverchild{background-color:blue}, cuando el mouse pasa sobre el elemento principal, el color de fondo del elemento secundario más cercano cambiará a azul.