Importante

Você está vendo a versão anterior da nova experiência da Alura que estamos preparando para você. Em breve, ela ganha uma identidade visual novinha totalmente pensada em potencializar seus estudos!

1
resposta

Classe ativo

Na aula, para que o exer´cicio fique igual ao modelo em pdf, é instruído para colocarmos além da borda no :hover, também na classe ativo. Ou seja, não importa em qual página do website eu esteja, no menu o item início sempre vai ter uma borda azul em baixo. Essa ação aparentemente serve apenas para que o site fique igual ao pdf. Mas aparentemente essa borda deve aparecer apenas na página em que o cliente estiver, sendo que foi colocado assim por uma questão estética.

Como eu posso fazer para que a borda apareça na página presente que o cliente está acessando? É alguma outra pseudo-classe?

Obrigado.

1 resposta

Lucas, boa tarde!

Você deve ir de página especifica tirar o active do inicio e colocar a classe no link correto, Você poderia fazer isso com uma linguagem de backend (PHP, NodeJS, C#, Java, etc.) Mas, seria um esforço desnecessário pelo curso atual.

Espero ter ajudado e bons estudos!