Hej!
Jag har denna kod:
a {color: #f00;}
a:hover {padding-left: 10px;}
a.comments {background: #ccc}
a.email {background: #666}
a#youarehere {color: #f00;}
Nu skulle jag vilja göra så att denna kod endast fungerar i en div som jag kopplar ett id#menu till. Då kan jag ju skriva:
#menu a {color: #f00;}
#menu a:hover {padding-left: 10px;}
#menu a.comments {background: #ccc}
#menu a.email {background: #666}
#menu a#youarehere {color: #f00;}
Men jag undrar om man istället kan gruppera detta på något sätt så att man bara behöver skriva #menu på ett ställa.
Typ så här:
#menu {
a {color: #f00;}
a:hover {padding-left: 10px;}
a.comments {background: #ccc}
a.email {background: #666}
a#youarehere {color: #f00;}
}
Finns det något sätt att göra det på?