[PixelAnarchist]

Hallo,

ich kämpf grad mit Pseudoelemente und wie die richtibge Selektion hinbekommen. Ich hab grad ne Stunde gegoogelt und irgendwie sind manche Themen für niemand interessant, aber egal. Ich bräucht nen Tipp, nen Hinweis, oder simpel einen Tritt dahin wo es weh tut, weil ich mich anstelle, wie der erste Mensch.

Mein Problem. Ich will auf einer Webseite nur nach einem Textlink ein Bild anzeigen, aber nicht nach Images, die z.B. auf eine größere Ansicht verweisen.

Code:
section > article a:after { content: url("pfad/zur/datei.png");}
section > article a:after+img { content: "";}

Nach meiner Logik ist hier alles richtig selektiert... aber offensichtlich nicht, weil alle links ein Bild angehängt bekommen.

Merci fürs helfen

Der Pixel Anarchist

[top]

Du willst das Aussehen der Links ändern in denen sich ein Bild befindet.
Mit dem "+" erreichst du aber etwas anderes. Schau dir dazu mal dieses Beispiel an:
http://www.css4you.de/wscss/css04.html#adjacentselector


Ist an den Bild-Links selbst denn eine Gemeinsamkeit an denen man sich orientieren könnte?
Z.B. könnte das hier alle Links beeinflussen, dessen Linkziel auf ".jpg" endet:

section > article a[href$=".jpg"]:after { content: "";}

[PixelAnarchist]

Hi top,

es sind überwiegend png und jpg Dateien, um die ein a-Element liegt.

ich habe wirklich lange nach infos zu Attributen mit dem Syntax *[***] gesucht, aber leider kein wirklich verständliche Doku dazu im Netz gefunden. Selbst meine vielen Fachbücher lassen sich nicht besonders dazu aus.

Trotzdem dass ich meinen Code angepasst habe, wird immer noch, hinter Bildern, die zusätzliche Grafik angezeigt. Sowohl auf Firefox als auch auf Opera. Chrome habe ich noch nicht ausprobiert.

Wenn also jemand einen Tipp hat, wo sich im Netz entsprechend eine Anleitung finde, bitte ich um einen Link

Der Pixel Anarchist

[PixelAnarchist]

Top, ich habe noch was vergessen. Alle links zu Bildern haben ein Ziel, in welchem der String ?attachment vorkommt.

[PixelAnarchist]

Bin ich zu doof.. aber ich finde keine Option meine Postings zu editieren...

egal.. Ich versuche mein Problem noch einmal zu klarifizieren.

Ich möchte dass nach Links, welche um ein reines Textelement liegen ein Bild angehängt werden soll. Liegt ein Link um ein anderes Objekt, welches z.B. ein Bild ist, dann soll das Bild nicht angehängt werden.

Ich bin für alle Lösungsvorschläge offen.

Der Pixel Anarchist

[SimonDerDude]

Du wirst nicht drum herum kommen deine HTML-Struktur zu überdenken und ggf. um eine Klasse zu erweitern, oder dir wie top es beschrieben hat die Übereinstimmungen von Bildlinks zu Nutze machst. Wenn du CSS verstehst weißt du, dass Selektoren von rechts nach links gelesen werden und Browser somit von innen nach außen arbeiten ... Parent-Selektoren wie :has() sind im CSS4 working draft vorhanden.

//edit
... theoretisch müsste es a img+:after heißen

[top]

[HerrSeeliger]

Wenn alle Text-Links NICHT in der HREF-URL den String "?attachment" haben, dann kann man mit der Pseudo-Klasse :not und dem Attribute-Selektor mit Zusatz Asterix (*) alle a auswählen die woanders hingehen. Funktioniert aber nur in diesem speziellen Anwendungsfall.