Klasse toevoegen in Javascript Float

| | | |

De CSS: hover selector selecteert een element wanneer u met de cursor over dat element beweegt. U kunt bijvoorbeeld: hover gebruiken om de kleur van een link te wijzigen wanneer u de cursor over de link beweegt

U kunt stijlen overdragen die van toepassing zijn op een element van uw webpagina wanneer de. . Gebruiker zweeft op dit element

is waar de CSS-selector beschikbaar is in: zweven. Met de: Hover Selector kunt u items selecteren terwijl u zweeft. Hiermee kunt u stijlen toepassen door met de muis over het

element te gaan. Deze tutorial bespreekt, met voorbeelden, de basisprincipes van selectors in CSS en het gebruik van de CSS-selector. Zwevende vlucht. Aan het einde van deze tutorial ben je een expert in het kiezen van stijlelementen met behulp van:. Hover

CSS-kiezers

In CSS worden selectors gebruikt om HTML-elementen te selecteren die u op een webpagina wilt opmaken. Met selectors kunt u items kiezen op basis van hun ID, klasse, groep of attributen, zodat u bepaalde stijlen op specifieke items kunt toepassen.

Stel bijvoorbeeld dat u alle

-tags in een HTML-document wordt weergegeven met een felroze achtergrond. U kunt dit doen met behulp van deze code:

In deze code gebruiken we de

selector die alle

tags in de webpagina selecteert. Vervolgens specificeren we tussen accolades de stijl die we willen toepassen op de

-tag in de

CSS-selector: webpagina. Hover

De CSS-selector: hover selecteert een element dat met de muis over het element zweeft.: Hover kan worden gebruikt op elk CSS-element, maar wordt vaak gebruikt op links.: Hover wordt gespecificeerd na de naam van het item dat u wilt selecteren, bijvoorbeeld een: hover voor een link

Er is een grote verscheidenheid aan scenario`s die je kunt gebruiken de selector: zweven. Hier zijn enkele mogelijke toepassingen voor de selector:.

  • De tekstkleur wijzigen wanneer de muis over een regel tekst beweegt
  • De grootte van een afbeelding wijzigen wanneer de gebruiker de muisaanwijzer op de muis over de afbeelding .
  • Verander de kleur van een knop wanneer de muis over de knop beweegt.

In al deze gevallen wordt een specifieke stijl toegepast wanneer de gebruiker beweegt de muis over een element met de cursor

selectorsyntaxis: tijdens de vlucht stationair is:

Hier zijn de belangrijkste componenten van de syntaxis: hover:

de tweede regel verandert de kleur van een -tag op de webpagina in oranje wanneer de muis over de -tag beweegt. Dit wordt gedaan met behulp van de selector: hover.

Dus als de muis erover beweegt op de Karma Career homepage tekst, verandert de kleur van de binding in oranje

Zweefeffect CSS:. toon een tekstblok

de selector: hover kan ook worden gebruikt om een tekstblok weer te geven wanneer de muis erover beweegt over een regel tekst

Stel dat we een FAQ aan het ontwerpen zijn pagina voor de Karma-carrièresite. . Wanneer de gebruiker de muis over een vraag beweegt, zou er een tekstblok moeten verschijnen met het antwoord op hun vraag. We kunnen een voorbeeldvraag maken met deze code:

Auto eer Karma is een gemeenschap van collega`s, mentoren en coaches die je zullen helpen een droomcarrière in tech te realiseren
.