Agregar Clase En Javascript Flotante

Michael Zippo 04.11.2021

El selector CSS: hover selecciona un elemento cuando pasa el cursor sobre ese elemento. Por ejemplo, puede usar: hover para cambiar el color de un enlace cuando pasa el cursor sobre el enlace

Puede transferir estilos que se aplican a un elemento de su página web cuando. . El usuario pasa el cursor sobre este elemento

es donde el selector de CSS está disponible en: pasar el mouse. El: Selector de desplazamiento le permite seleccionar elementos mientras se desplaza. Esto le permite aplicar estilos al pasar el mouse sobre el

elemento. Este tutorial discutirá, con ejemplos, los conceptos básicos de los selectores en CSS y cómo usar el selector CSS. Vuelo flotante. Al final de este tutorial, será un experto en elegir elementos de estilo usando:. Pase el cursor

Selectores de CSS

En CSS, los selectores se utilizan para seleccionar elementos HTML para los que desea aplicar estilo en una página web. Los selectores le permiten elegir elementos según su ID, clase, grupo o atributos, para que pueda aplicar ciertos estilos a elementos específicos.

Por ejemplo, suponga que desea hacer todas las etiquetas

en un El documento HTML aparece con un fondo rosa brillante. Puedes hacer esto usando este código:

En este código, usamos el selector

que selecciona todas las etiquetas

en la página web. A continuación, entre llaves, especificamos el estilo que queremos aplicar a la etiqueta

en el

selector de CSS: página web. Hover

El selector CSS: Hover selecciona un elemento al pasar el mouse sobre el elemento.: Hover se puede usar en cualquier elemento CSS, pero se usa comúnmente en enlaces.: Hover se especifica después del nombre de el elemento que desea seleccionar, por ejemplo, a: coloque el cursor sobre un enlace

Existe una amplia variedad de escenarios en los que puede utilizar el selector: hover. Estos son algunos casos de uso potenciales para el selector:.

Cambiar el color del texto cuando el mouse pasa sobre una línea de texto
Cambiar el tamaño de una imagen cuando el usuario pasa el pase el mouse sobre la imagen .
Cambia el color de un botón cuando el mouse pasa sobre el botón.

En todos estos casos de uso, se aplica un estilo específico cuando el usuario pasa el mouse sobre un elemento con el cursor

sintaxis del selector: en vuelo estacionario es:

Estas son las principales componentes de la sintaxis: hover:

selector es el número de elementos a los que se aplicará el selector: hover. Entonces, si desea que: el efecto de hover se active cada vez que un usuario sobre un elemento
, debe especificar h3.
: pasar el cursor le dice al navegador que los estilos en la regla CSS deben solo se aplica cuando el usuario pasa el mouse sobre un elemento determinado. Este elemento es a través de la Selección.
Reglas CSS son las s estilos que se aplicarán cuando el usuario pase el mouse sobre los elementos definidos por el selector. Para la instancia CE, puede especificar el tamaño de fuente para el texto o el color de fondo de una etiqueta
Hacer clic botón en el editor de código de arriba para ver el resultado de nuestro HTML / Código CSS
Analicemos nuestro código
En nuestro archivo HTML, definimos un enlace a la página de inicio de carrera de Karma usando una etiqueta . Entonces, en nuestro código CSS , definimos dos reglas.
La primera regla se aplica a todas las etiquetas HTML en nuestra página web. Nuestras reglas establecen el color del texto de todas las etiquetas verde claro con la propiedad color

la segunda regla cambia el color de una etiqueta en la página web a naranja cuando el mouse pasa sobre la etiqueta . Esto se hace usando el selector: pasar el mouse.

Entonces, cuando pasa el mouse sobre el texto de la página de inicio de Karma Career, el color del borde cambia a naranja

Efecto de desplazamiento CSS:. mostrar un bloque de texto

el selector: hover también se puede usar para mostrar un bloque de texto cuando el mouse pasa sobre una línea de texto

Supongamos que estamos diseñando una pregunta frecuente página para el sitio de carreras de Karma. . Cuando el usuario pasa el mouse sobre una pregunta, debe aparecer un bloque de texto con la respuesta a su pregunta. Podríamos crear una pregunta de muestra usando este código:

Auto eer Karma es una comunidad de colegas, mentores y entrenadores que lo ayudarán a lograr una carrera soñada en tecnología