Verschachtelte Spans

[Binary]

Servus zusammen,

irgendwas mache ich falsch aber ich komme nicht drauf:

<span class="jetzt_testen"><a title="Jetzt kostenlos Testen!" href="innovators">Jetzt <span class="kostenslos">kostenlos</span> Testen!</a></span>

Habe es auch schon mit div's ausprobiert.

#testen span.jetzt_testen {	width: 256px;
	height: 214px;
	padding: 0;
	margin: 0;
	background-color: transparent;
	box-shadow: none;
	border-radius: 0;
	font-size: 24px;
	color: #FFFFFF;
	text-transform: uppercase;
	font-weight: bold;
	text-align: center;
	position: absolute;
	top: 28px;
	right: 0px;
}


#testen span.jetzt_testen span.kostenlos {
    font-size: 12px;
}

Wahrscheinlich ein dummer Anfängerfehler.
Könnt ihr mir weiterhelfen?

Vielen Dank und LG
Binary

 

[Banana_Jones]

Zum Einen heißt deine Klasse im HTML "kostenslos" und nicht "kostenlos"

Andere Frage: Kannst du die Eigenschaften des äußeren spans nicht auch direkt auf den Link legen? Damit sparst du dir einen span.

Semantisch korrekter wäre es sowieso, wenn du "kostenlos" nicht durch einen span hervorhebst, sondern durch einen HTML-Tag, der genau für Hervorhebungen da ist, bspw. <strong>

 

[Binary]

Perfekt! Jetzt geht es!
Ich danke vielmals!