Navigator

[Gunnar Bittersmann]

@@franzsen

ul#navigation, ul#navigation li {
	margin: 0;
	padding: 0;
	list-style: none;
	}

Spezifität des Selektors ul#navigation li: 102

ul#navigation li {
	margin-bottom: 3px;
	}

Dito. Da diese Regel nach der oberen steht, gewinnt sie; damit 3px Abstand.

Schreibst du stattdessen #navigation li, ist die Spezifität 101, also geringer als die der oberen Regel. Damit gewinnt jene, also 0px Abstand.

Du müsstest also ul#navigation in allen Selektoren durch #navigation ersetzen.

Solltest du auch. Selektoren sollten nur so spezifisch wie nötig und so unspezifisch wie möglich sein.

ul#navigation li a {

Hierfür also #navigation a (ohne ul und ohne li).

LLAP 🖖