Adicionar classe em Javascript float

| | | |

O seletor CSS: hover seleciona um elemento quando você passa o mouse sobre esse elemento com o cursor. Por exemplo, você pode usar: hover para alterar a cor de um link ao passar o cursor sobre o link

Você pode transferir estilos que se aplicam a um elemento de sua página da web quando o. . O usuário passa o mouse sobre este elemento

é onde o seletor CSS está disponível: hover. O: Hover Selector permite que você selecione itens ao passar o mouse. Isso permite que você aplique estilos ao passar o mouse sobre o elemento

Este tutorial discutirá, com exemplos, os conceitos básicos de seletores em CSS e como usar o seletor CSS. Voo pairando. Ao final deste tutorial, você será um especialista em escolher elementos de estilo usando:. Passe o mouse

Seletores CSS

No CSS, os seletores são usados para selecionar elementos HTML para você estilizar em uma página da web. Os seletores permitem que você escolha itens com base em seu ID, classe, grupo ou atributos, para que você possa aplicar determinados estilos a itens específicos.

Por exemplo, suponha que você queira fazer todas as tags

em um Documento HTML aparece com um fundo rosa brilhante. Você pode fazer isso usando este código:

Neste código, usamos o seletor

que seleciona todas as tags

na página web. Em seguida, entre colchetes, especificamos o estilo que queremos aplicar à tag

no seletor de CSS: página da web

. Hover

O seletor CSS: hover seleciona um elemento pairando sobre o elemento com o mouse.: Hover pode ser usado em qualquer elemento CSS, mas é comumente usado em links.: Hover é especificado após o nome de o item que você deseja selecionar, por exemplo a: hover para um link

Há uma grande variedade de cenários nos quais você pode usar o seletor: passe o mouse. Aqui estão alguns casos de uso em potencial para o seletor:.

  • Alterar a cor do texto quando o mouse passa sobre uma linha de texto
  • Alterar o tamanho de uma imagem quando o usuário passa o mouse sobre passe o mouse sobre a imagem .
  • Altere a cor de um botão quando o mouse passar sobre o botão.

Em todos esses casos de uso, um estilo específico é aplicado quando o usuário passa o mouse sobre um elemento com o cursor

sintaxe do seletor: em vôo estacionário é:

Aqui estão os principais componentes da sintaxe: hover:

a segunda regra altera a cor de uma tag na página da web para laranja quando o mouse passa sobre ela a tag . Isso é feito usando o seletor: passe o mouse.

Então, ao passar o mouse sobre ele no texto da Karma Career, a cor da encadernação muda para laranja

Efeito de foco CSS:. exibir um bloco de texto

o seletor: hover também pode ser usado para exibir um bloco de texto quando o mouse passa sobre ele sobre uma linha de texto

Suponha que estamos criando um FAQ página para o site de carreira Karma. . Quando o usuário passa o mouse sobre uma pergunta, um bloco de texto deve aparecer com a resposta para sua pergunta. Poderíamos criar uma pergunta de exemplo usando este código:

Auto eer Karma é uma comunidade de colegas, mentores e treinadores que ajudarão você a alcançar uma carreira dos sonhos em tecnologia
.