Agregar Clase En Javascript Flotante

| | | |

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:

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
. div {pantalla: ninguno; color de fondo: naranja; relleno: 10px; } Duración: hover + div {display: bloque; }

Hacer clic Imagen del botón

Usamos una etiqueta para crear la pregunta "¿Qué es Karma Career?" " que aparece en nuestra página web. Entonces, usamos una etiqueta .Etiqueta: