Frage zum Wiki-Artikel „Dateien_mit_include_nachladen“

[Rolf B]

Hallo Frank,

Ich denke damit sollte das aria-current="page" richtig im Html verhanden sein.

An dieser Stelle nützt kein Denken, sondern nur Nachgucken. Ruf die Seite ab, öffne die Entwicklerwerkzeuge^[1] des Browsers und inspiziere das DOM. Wie man damit umgeht, musst Du eh lernen.

Wenn Du im Stylesheet erreichen willst, dass Eigenschaften abhängig von aria-current="page" gesetzt werden, dann fragst Du das so ab (z.B. für ein li Element innerhalb des nav Elements der Navigation):

nav li[aria-current=page] {
   ...
}

Anführungszeichen sind erlaubt (li[aria-current="page"]), ein Doppel-Gleichheitszeichen wie in PHP oder JavaScript nicht (li[aria-current=="page"]).

Wenn Du nur die Existenz des Attributes abfragen willst, reicht auch li[aria-current]. Wenn Du im CSS unabhängig vom Elementtyp das Element stylen willst, das das aria-current Attribut hat, geht das auch: nav [aria-current=page]. Beachte die Leerstelle hinter nav, die hat in einem CSS Selektor eine Bedeutung!

Rolf

---

1. In historischer Tradition des Internet Explorers geht das mit der F12 Taste - aber Chrome und Firefox erklären im Menü, dafür sei Strg+Shift+I da. F12 funktioniert trotzdem in jedem Browser. ↩︎