Kann man mit CSS ein Element "rückwirkend" ansprechen?

Hallo,

mit CSS ist so etwas auf Grund der Funktionsweise von CSS aktuell noch nicht möglich. Es ist nicht so, dass es ein technisch völlig unlösbares Problem wäre. Aber es lässt sich nicht so einfach lösen, ohne signifikante Auswirkungen auf die Performance der Website-Darstellung zu haben. Und deswegen wurde ein solches Feature sehr lange nicht standardisiert und von den Browserherstellern implementiert. Das ist (auf Englisch) ausführlich hier erklärt:

Why we don't have a parent selector

On a seemingly regular basis, I see this discussion come up as to whether CSS should have a particular feature like the parent selector and while I haven't…

snook.ca

Der Artikel ist schon ziemlich betagt (zu dem Zeitpunkt war der Internet Explorer 8 noch aktuell), im Prinzip hat das aber bis heute noch Gültigkeit. Im Prinzip, weil verschiedene Browserhersteller mittlerweile tatsächlich an einer Implementierung arbeiten, die sowas erlaubt, aber noch kein Browser unterstützt das zu diesem Zeitpunkt schon (außer Safari von Apple in einer Vorab-Version). Es wird also kommen, ist aber noch Zukunftsmusik.

Mit JavaScript ist sowas kein Problem. JavaScript wird ja normalerweise erst ausgeführt, wenn das DOM der Seite komplett geladen ist. Nutzt du denn eine Erweiterung, um bestimmte Scripts auf bestimmten Websites auszuführen?

Geht einfacher:

startpage.com##a[href^="https://www.exefiles.com"]:upward(1)

upward ist das Stichwort.

Info für alle:

Zitat

subject:nth-ancestor(n)

Do not use.

Deprecated in favor of

upward

Dann liesse sich es auch konkreter machen*

startpage.com##.w-gl__result__main > a[href^="https://www.exefiles.com"]:upward(1)

bzw etwas ungenauer

startpage.com##.w-gl__result__main a[href^="https://www.exefiles.com"]:upward(1)

Bis auf "upward" ist es identisch wie CSS.

"nth-ancestor" wurde zur 1.25/1.26 in Betrieb genommen, es funktioniert noch, aber ich werde die Regeln umschreiben.

Dieses "has" stösst eine richtige Suche innerhalb des Mutter-Elements an, das kann uU die Performance beeinträchtigen beim Seitenaufbau.

Erstes Beispiel sucht konkret nach dem a[] in direkter Folge (child), das zweite jedes a[] darunter.

Kindselektoren - CSS | MDN

Elemente, die vom zweiten Selektor gewählt werden, müssen direkte Kinder des ersten gewählten Elements sein. Dies ist strenger, als der Nachfahrenselektor, der…

developer.mozilla.org

* ich gehe davon aus, dass ".w-gl__result__main" das richtige Mutterelement ist