JSFiddle - React, Tailwind, and code Playground

by WladesKO

HTML

<h2>Passe o mouse sobre os links para vê-los mudar o estilo.</h2>

<p><a class="exemplo1" href="default.asp">Passe o mouse sobre o link e mude sua a cor</a></p>
<p><a class="exemplo2" href="default.asp">Pasee o mouse sobre o link e mude o tamanho de sua fonte</a></p>
<p><a class="exemplo3" href="default.asp">Passe o mouse sobre o link e mude a sua cor de fundo</a></p>
<p><a class="exemplo4" href="default.asp">Passe o mouse sobre o link e mude a sua fonte</a></p>

CSS

.exemplo1:hover {
  color: red;
}

.exemplo2:hover {
  font-size: 150%;
}

.exemplo3:hover {
  background: red;
}

.exemplo4:hover {
  font-family: monospace;
}