Ho una home page con una barra di navigazione sulla parte superiore del Viewport contiene due pulsanti.
Uno è il tasto home predefinito selezionato che chiama / visualizza home.html. L'altro, ad esempio, è Ubuntu che chiama UbuntuTutorial.html.
Quando home è selezionato, i pulsanti home-bottom-border sono colorati mentre il bordo inferiore dal pulsante Ubuntu è trasparente per mostrare all'utente che si trova effettivamente nella sezione home del mio sito web
Ora, da un punto di vista professionale, è un modello comune creare due CSS quasi simili in cui l'unica differenza è il bordo inferiore colorato del pulsante cliccato (cioè home o ubuntu) o, che preferirei, recuperare il visualizza il file html corrente e colora il bordo inferiore del pulsante specifico con js ... evitando multipli css dove solo una linea differisce. (Ma tenendo anche presente che alcuni (quantità elevata, bassa quantità?) Di utenti disabilitati js ..)
Tutto è tenuto, a mio parere, professionale. Sto usando CSS esterno e file JS esterni.