class wird nicht übernommen

[roundaboutmedia]

Ich hab folgendes Problem, ich habe eine css Datein, habe aber auf der Html Seite selber noch eine css Regel für den New Bereich.
Das komische ist, wenn ich den news Bereich als class notiere überniemt er die regeln nicht wenn ich ihn als #news notiere werden die regeln angewendet.
hier mal ein Ausschnitt von dem code.

<div class="Content" id="Content"><div class="news" id="news">
          <h3>News/Tipps</h3>
          Das 2. Mixtape steht für euch bereit <a href="http://www.class-records.de/Tracks.html" target="_self">hier.....</a><br />
Schaut ins <a href="http://forum.class-records.de" target="_blank">Forum</a><br />

        </div>

 

[Maik]

Hi,

und wie lautet das dazugehörige Stylesheet?

mfg Maik

 

[roundaboutmedia]

#news {
	float: right;
	height: 200px;
	width: 300px;
	padding-left: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	line-height: 120%;
	color: #FFFFFF;
	padding-top: 10px;
}
#news a, a:hover, a:link, a:visited, a:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	line-height: 120%;
	color: #FF0000;
}

wiegesagt jetzt halt mit # (id glaub heißt das) ich will es aber öfters auf der Seite verwenden und würde darauß gerne eine class machen aber dann überniemmt er die Regeln nicht

 

[Maik]

Eine Klasse wird im Stylesheet mit einem Punkt ausgezeichnet.

Zudem hast du im zweiten Selektor die Klasse nur einmal genannt, und die Pseudoklassen in der falschen Reihenfolge notiert.

.news {
	float: right;
	height: 200px;
	width: 300px;
	padding-left: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	line-height: 120%;
	color: #FFFFFF;
	padding-top: 10px;
}
.news a, .news a:link, .news a:visited, .news a:hover, .news a:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	line-height: 120%;
	color: #FF0000;
}

mfg Maik

 

[roundaboutmedia]

ja schon das weiß ich auch, aber wenn ich das so mache werden die Regeln nicht übernommen.
Es werden dann die Regeln von dem übergeordneten Div verwendet und das versteh ich nicht.

 

[Maik]

Dann zeig mal bitte den vollständigen Quellcode (HTML + CSS) der Seite, oder nenn den Link zu ihr, damit man überhaupt der Ursache auf den Grund gehen kann.

mfg Maik

 

[roundaboutmedia]

http://www.class-records.de
wie gesagt ich hab es jetzt #news gemacht weil .news nicht funktioniert hat.
ich hoff du kannst mir weiterhelfen.

 

[Maik]

Dann erhöh einfach mal die Spezifität:

#Content .news {
        float: right;
        height: 200px;
        width: 300px;
        padding-left: 5px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 0.9em;
        line-height: 120%;
        color: #FFFFFF;
        padding-top: 10px;
}
#Content .news a, #Content .news a:link, #Content .news a:visited, #Content .news a:hover, #Content .news a:active {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 1em;
        line-height: 120%;
        color: #FF0000;
}

mfg Maik

 

[roundaboutmedia]

ah ok danke, werd ich gleich mal heut abend ausprobieren.
Danke