Quick Info
Es werden verschiedene Bereiche per PHP-Seiten definiert und per include Anweisung auf den einzelnen Seiten eingefügt.
Das Navigationsmenü ist in der Seite nav.php
Das Menü hat die Besonderheit, dass die aktuell aufgerufene Seite im Menü hervorgehoben ist. Das wird mit Klassen erzeugt.
Jede Seite bekommt im body Element eine andere Klasse zugewiesen.
<body class="home">
Die Klassen heißen home, dateien, info, hirtenbrief, impressum
In der Datei nav.php wird die Navigation aufgeführt. Dort hat jedes a Element die gleiche Klasse, wie auf der Seite im body Element auf die das href Attribut verweist.
<ul class="nav">
<li><a href="index.php" class="home">HOME</a></li>
<li><a href="dateien.php" class="dateien">DATEIEN</a></li>
<li><a href="info.php" class="info">QUICK INFO</a></li>
<li><a href="hirtenbrief.php" class="hirtenbrief">HIRTENBRIEF</a>
<li><a href="impressum.php" class="impressum">IMPRESSUM</a>
</ul>
Die CSS Datei sorgt dafür, dass die Hintergrundfarbe der a Elemente schwarz ist.
Zusätzlich werden noch einige Kombinatoren erstellt, welche die Hintergrundfarbe auf Weiß setzt.
.home .home,
.
dateien .dateien,
.hirtenbrief .hirtenbrief,
.impressum .impressum{
background-color: white;
}
Das Leerzeichen zwischen den Klassen ist der Nachfahrenkombinator, also greift der Selektor nur, wenn sowohl im body als auch in dem a-Element die entsprechende gleiche Klasse zugewiesen wurde.