Pseudo-classes

Les pseudo-classes de CSS són unes partícules que podem afegir al selector per dir al navegador que volem modificar algun aspecte d’un element. Per exemple, :hover pot ser afegit a un enllaç (a) per definir com volem que sigui aquest enllaç al passar el cursor per sobre.

A classe hem fet servir la pseudo-classe :hover per a definir com es comporten els elements amb la classe «pildora» quan passem el cursor per sobre

.pildora{
background-color:white;
color:black;
font-size:20px;
line-height:1;
padding:1em;
border-radius:1em;
}

.pildora:hover{
background-color:black;
color: white;
}

Hi ha altres pseudo-classes que pots consultar aquí:

https://developer.mozilla.org/es/docs/Web/CSS/Pseudo-classes

A classe hem parlat de les següents pseudo-classes:
:last-child
:first-child
:nth-child(X) (on X pot ser un número)
:not(X) (on X pot ser un selector, per exemple a:not(.pildora) permetrà estilar qualsevol enllaç que no tingui la classe «pildora»