Zeichen im CSS
Michael Rüegger
- css
Liebes HTML und CSS Forum
Ich habe eine Frage ist es möglich im CSS File in der Formatierung eines Linkes dieses Zeichen | als Trennungsstriche zu benutzen?
| Link |
Formatierung in Worten.
Wenn ein Link a im Footer kommt, dann setze mir links und rechts ein | mit padding 20px;
Wie setzt man das im CSS um?
#footer a {
}
Bild
Vielen Dank für eure Hilfe
Gruss
Michael
Hi,
Wie setzt man das im CSS um?
Mittels Pseudo-Elementen.
a:before,
a:after {
content: "|";
}
~dave
@@dave:
nuqneH
Mittels Pseudo-Elementen.
Welche in CSS 3 mit zwei Doppelpunkten von Pseudoklassen unterschieden werden: a::before
, a::after
.
Alte IE-Versionen verstehen diese Syntax allerdings nicht.
Und ein Strich sollte genügen, entweder ::before
oder ::after
. Und ggfs. einen wieder wegnehmen (:first-child
, :last-child
) oder gar nicht erst hinmachen (:not()
).
Qapla'
Vielen Dank!
Ich hätte nicht gewusst wie suchen bei Google.