Menu

"Menu" kallas diven där huvudmenyn är.

Den röda linjen runt om visar var diven "menu" är.

Du kan styla menyn på många olika sätt. "#menu", som är huvuddiven representerar hela menyraden, och "#menu a" är länkarna i menyn. Om du t ex skulle skriva

    #menu a {

     background-color: red;

   }

så skulle alla länkar bli röda.

På samma sätt fungerar "#menu a.current". Istället för att styla alla länkar i menyn, stylar man enbart den aktiva länken.

    #menu a.current {

     background-color: blue;

    }

Nu är alla länkar röda, förutom den länken du klickat på, vilken är blå.

Man kan även styla den länken man har musen över. Då använder man sig av

    #menu a:hover {

     background-color: green;

    }