Ich wollte versuchen, das Design in eine externe Datei auszulagern, stoße aber auf Probleme. Bei folgendem Code wird komischer weiße nur der h1-header grün eingefärbt. wenn ich den h1-header aber vor den Klassen-Selektor setze, dann wird komischerweise "startseite" grün eingefärbt. Woran liegt das? Die Datei erkennt er ja aber komischerweise nicht das erste Element...
Test.htm:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">
<head>
<link href="design.css" type="text/css" rel="stylesheet" />
<title>
Testseite
</title>
</head>
<body>
<h1>Testüberschrift</h1>
<ul>
<li class="listenstil">Startseite</li>
<li>Termine</li>
<li>Links</li>
</ul>
</body>
</html>
css-Datei:
<style type="text/css">
.listenstil {
color:green;
}
h1 {
background-color:green;
}
</style>
Test.htm:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">
<head>
<link href="design.css" type="text/css" rel="stylesheet" />
<title>
Testseite
</title>
</head>
<body>
<h1>Testüberschrift</h1>
<ul>
<li class="listenstil">Startseite</li>
<li>Termine</li>
<li>Links</li>
</ul>
</body>
</html>
css-Datei:
<style type="text/css">
.listenstil {
color:green;
}
h1 {
background-color:green;
}
</style>
