Wie in Firefox bestimmte Eltern-Elemente ansprechen / nur mit CSS / ohne CSS Property :has

[Gunnar Bittersmann]

@@MB

Und wie kommen bzw. kommen nicht die .link-Elemente zu der Unterstreichung? Hängt da noch eine Klasse dran, die das regelt?

Ich hab oben in mein Beispiel alles an html & css rausgeschmissen, was IMO unwichtig ist Spezifisches Beispiel!.

Dazu hatte ich ja schon geschrieben, dass das meine Frage nicht beabtwortet.

---

Natürlich. Mal wieder Entwickler am Werk, die von grundlegenden Webtechnologien (wie HTML eine ist) nicht die geringste Ahnung haben. 😫

in dieser App is noch so viel anderes Zeugs, was gerendert werden muss. Da ist die HTML-Performence, welches sehr viele Fehler verzeiht, IMO geringfühgig und nebensächlich.

Es geht nicht um Performance, sondern um Bedienbarkeit.

Ein <span onclick="…"> ist nicht bedienbar. Für manche (Maus-Nutzer) ist es das; für andere (Tastatur-Nutzer) ist es das nicht. Zusammengefasst also: nicht bedienbar.

Man könnte es mit einigem Aufwand bedienbar machen: tabindex="1" und role="link" fallen mir da ein. Möglich, dass das noch nicht reicht. Man sollte das aber nicht tun, sondern <a href="…"> verwenden. Wenn es sich denn um einen Link, d.h. einen Verweis zu einer anderen Stelle im Web, handelt.

Für Aktionen auf einer Seite ist <a href="#" onclick="…"> falsch; dazu sind <button>s da.

🖖 Живіть довго і процвітайте