Textformatierung innerhalb bestimmter Klasse

regurge

Erfahrenes Mitglied
weis hier jemand Rat?

HTML:
.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?

CSS:
.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;
}
 
Zurück