Como usar o pseudo seletor :target

Uma maneira simples de manipular estados de URL com estilização via CSS, utilizando o pseudo seletor :target.

Veja como funciona:

URL:

exemplo.com.br/#mensagens

HTML:

<section id="mensagens">

    Conteúdo

</section>

CSS:

:target{

   background:yellow;

}

Para gerar as # (hashtags) na url basta utilizar um link, como no exemplo a seguir:

<a href="#mensagens">Mensagens</a>