Unverständnis von CSS-Eigenschaften; Hintergrund der aktiven Navigationsauswahl ändern

[Gunnar Bittersmann]

@@HTML_go

h1 {
  font-weight: 600;
  ⋮
}

h1 b {
  font-weight: 900;
}

Und noch eine Frage: Muss ich jetzt im HTML noch was ändern? Oder kapiert das HTML, dass ich mit "h1 b" im CSS die Fett-Formatierung […] meine, wie zum Beispiel auf der Seite "Jugend"?

Das HTML muss da nichts kapieren. Kann auch gar nicht – nicht seine Aufgabe. Es geht um die Darstellung (rendering), die sich aus dem HTML (bzw. dem DOM) und dem Stylesheet (bzw. dem CSSOM) ergibt.

Du musst da nichts ändern, mit h1 b werden alle b-Elemente selektiert, die sich in h1-Elementen befinden. Besser gesagt: im h1-Element, Singular – es sollte nur eins davon auf einer Seite geben.

Übrigens merke ich nach Änderung (siehe oben) im CSS lokal noch keine Änderung der bislang "unsichtbaren" Fett-Darstellung ...

Kannst du wohl auch nicht – nicht bei der von dir verwendeten Schriftart. Wenn die Schrifart nur Schnitte (Fonts) für Normalschrift und Fettschrift hat, dann wird für 600 Fettschrift genommen. Und für 900 auch, also kein Unterschied.

Wenn da noch eine Abstufung sein soll, brauchst du eine Schriftart, die neben fett (bold) auch noch einen Font für einen noch fetteren Schriftschnitt hat (kann heavy oder black heißen oder ultra wie bei der erwähnten Fira Sans).

Kwakoni Yiquan