Para que o menu só "feche" quando clicamos no :after do .menu-ativo, o instrutor adiciona este script:
document.documentElement.onclick = function(event){
if(event.target===document.documentElement){
document.documentElement.classList.remove('menu-ativo');
}
};
Ele disse que assim, o clique só é validado se for na tag
, assim o menu "fecha". Eu não entendi o por quê disso acontecer. Ao clicar num pseudo-elemento ":after" do .menu-ativo é a mesma coisa que clicar no ?