Reihenfolge in CSS?

[Stefan Alpers]

Hallo,

Spielt im Style-Sheet die Reihenfolge der Elemente eine Rolle?

Hier steht folgendes im CSS:

body
{
  font-family:Verdana,Tahoma,Arial;
  background-color:#FFFFCC;
  text-align:center;
}

a:link { color:#EEAAAA; background-color:#FFFF99; text-decoration:none; }
a:visited { color:#EEAAAA; text-decoration:none; }
a:focus { color:#00AA00; text-decoration:none; background-color:#FFFF77; }
a:hover { color:#EEAAAA; text-decoration:none; background-color:#FFFF99; }
a:active { color:#0000EE; text-decoration:none; background-color:#FFFF00; }

Der body-Block wird also ignoriert.

Hier kommt der body-Block nach den a-Definitionen und diese werden ignoriert.

Was mache ich falsch?

Viele Grüße,

Stefan

[Jonathan]

Was mache ich falsch?

Deine Kommentare in der CSS-Datei sind falsch.

Weder
<!-- kommentar -->
noch
// kommentar
sind in CSS gültig. Kommentare gehen in CSS nur so:
/* Kommentar */

[Stefan Alpers]

Nein, wie blöd. Aber warum wird nur das Element, das direkt nach der ungültigen Kommentierung kommt, ignoriert und nicht auch der gesamte Rest?

Vielen Dank,

Stefan

[Ingo Turski]

Hi,

Nein, wie blöd. Aber warum wird nur das Element, das direkt nach der ungültigen Kommentierung kommt, ignoriert und nicht auch der gesamte Rest?

Ignoriert wird:

<!-- CSS f�r die Kendoseiten -->a:link {
  color:#EEAAAA; background-color:#FFFF99; text-decoration:none;
}

und natürlich die ungültigen Eigenschaften in:

div.text {
  //position:relative;
  //top:40px;
  //margin-left:40px;
 // width:35em;
}

freundliche Grüße
Ingo

[Cheatah]

Hi,

Spielt im Style-Sheet die Reihenfolge der Elemente eine Rolle?

Regeln, nicht Elemente. Ja, tut sie.

Der body-Block wird also ignoriert.

Nein, nicht der Block. Nur die einzelnen Deklarationen. Und "ignoriert" ist ebenfalls nur bedingt richtig.

Hier kommt der body-Block nach den a-Definitionen und diese werden ignoriert.

Die Selektoren haben wegen der Pseudoklassen eine höhere Spezifität.

Cheatah