weis hier jemand Rat?

HTML-Code:

.test {
    background: url("/images/navi1.jpg");
    background-repeat:no-repeat;
    background-position:10px 40%;
    padding-left:24px;
	padding-top:0px;
	a:link{font-weight:normal; color:#999999; text-decoration:none; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px;
	a:hover{font-weight:normal; color:#999999; text-decoration:underline; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px;
	
}

habe eine Navigation mit unterschiedlich farbigen Buttons und direkt daneben ist dann ein Link, soweit funktioniert das auch nur die Linkformatierung wird nicht mitgenommen und ist so wie ich das oben gemacht habe sicher sehr falsch - wie geht es richtig?

In CSS kann man Regeln nicht auf diese Art verschachteln, das geht nur in Sprachen wie less (http://lesscss.org/) oder sass (http://sass-lang.com/).


Ohne Markup ist jetzt auch schwer zu verstehen, was genau du willst. So vielleicht?

Code css:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18

.test {     background: url("/images/navi1.jpg");     background-repeat:no-repeat;     background-position:10px 40%;     padding-left:24px;     padding-top:0px; }   .test a:link {     font-weight:normal;     color:#999999;     text-decoration:none;     font-family: Verdana, Arial, Helvetica, sans-serif;     font-size: 12px;   .test a:hover {     text-decoration:underline; }

genau so meinte ich das, morgen mal testen gehe aber davon aus das es funktioniert - danke!!