JSFiddle - React, Tailwind, and code Playground

HTML

<html>
<head>
<title>Mi documento</title>

</head>
<body>

<a href="" class="colc"><p>muhammad jabir</p>

</body>
</html>

CSS

.colc{

color: red;
}

.colc:hover{
color: green;

}
Body{ background-color:green;

}
P {

font-size: 1.5em;
}
Body:hover {
background-color:yellow}