Pseudo-classes are keywords that we add to selectors in order to style a special state of an element.

<html>
<head><style>a {background: black;color: white;}a:active {background: white;color: black;}</style>
</head>
<body><a href="https://getmimo.com">Follow the white ... link</a>
</body>
</html>
]]>

Great! With the :active pseudo-class, we can style elements that are being clicked or, well, tapped. A somewhat similar pseudo-class is :hover.

Wouldn't that look for an actual class called .active? Pseudo-classes are preceded by a colon.