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!

Quer mergulhar em tecnologia e aprendizagem?

Receba a newsletter que o nosso CEO escreve pessoalmente, com insights do mercado de trabalho, ciência e desenvolvimento de software