Autor |
Nachricht |
-Bene-
Threadersteller
Dabei seit: 18.10.2007
Ort: -
Alter: 38
Geschlecht:
|
Verfasst Di 22.06.2010 15:24
Titel [CSS] :after |
|
|
Hallo!
Hab hier ein Print-Stylesheet, bei dem für die Links das Pseudo-Element:after mit der Eigenschaft:content benutzt wird um die komplette URL des Links neben dem Verweis anzeigen zu lassen.
Code: | a[href]:after {
content: " <"attr(href)">";
color: #000;
}
|
Allerdings wird die komplette URL auch neben verlinkten Bildern angezeigt. Das möchte ich allerdings vermeiden.
Wie bekomm ich das hin, dass die Regel nur für Text-Links funktioniert?
Danke im Voraus!
Zuletzt bearbeitet von -Bene- am Di 22.06.2010 15:28, insgesamt 3-mal bearbeitet
|
|
|
|
|
nel
Dabei seit: 18.09.2004
Ort: Köln
Alter: -
Geschlecht:
|
Verfasst Di 22.06.2010 15:55
Titel
|
|
|
du könntest es in der zeile darunter mit
"a[href]:after img" wieder negieren
|
|
|
|
|
Anzeige
|
|
|
heiko_rs
Dabei seit: 06.02.2008
Ort: Berlin
Alter: -
Geschlecht:
|
Verfasst Di 22.06.2010 16:15
Titel Re: [CSS] :after |
|
|
img ansprechen zu wollen, hat keinen Sinn, da a den per CSS generierten Inhalt hat - abgesehen davon, dass img so nicht angesprochen wird, da es kein Kind des Pseudoelementes :after ist.
Wenn es browserübergreifend funktionieren soll (IE < 8 fällt eh raus, da er :before/:after nicht kennt), musst Du es per Klasse für die img-Links lösen.
Ggf. kannst Du aber auch tricksen, falls sich die img-Links z.B. anhand der Werte ihres href-Attributes selektieren lassen - z.B. bei Thumbsnails wäre dies i.d.R. schonmal kein Problem.
Es gibt noch viele weitere Möglichkeiten, die allerdings nicht alle eine imho ausreichende Browserunterstüzung haben (wie auch das eben genannte Beispiel), und unabhängig davon auch nicht unbedingt bei Dir anwendbar sein müssen - das kannst Du aber selber herausfinden, z.B. auf http://jendryschik.de/wsdev/einfuehrung/css/selektoren
Zuletzt bearbeitet von heiko_rs am Di 22.06.2010 16:15, insgesamt 1-mal bearbeitet
|
|
|
|
|
-Bene-
Threadersteller
Dabei seit: 18.10.2007
Ort: -
Alter: 38
Geschlecht:
|
Verfasst Di 22.06.2010 16:58
Titel Re: [CSS] :after |
|
|
heiko_rs hat geschrieben: | Ggf. kannst Du aber auch tricksen, falls sich die img-Links z.B. anhand der Werte ihres href-Attributes selektieren lassen - z.B. bei Thumbsnails wäre dies i.d.R. schonmal kein Problem.
|
Jo, danke das war der entscheidende Hinweis.
So hat es jetzt geklappt:
Code: | a[href]:not([href^='/blubb']):after { |
So werden alle Bilder im blubb Ordner von der Regel ausgeschlossen.
Zuletzt bearbeitet von -Bene- am Di 22.06.2010 16:58, insgesamt 1-mal bearbeitet
|
|
|
|
|
|
|
|