Michael Rüegger: Zeichen im 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

  1. Hi,

    Wie setzt man das im CSS um?

    Mittels Pseudo-Elementen.

    a:before,  
    a:after {  
        content: "|";  
    }
    

    ~dave

    1. @@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'

      --
      „Perfektion ist nicht dann erreicht, wenn es nichts mehr hinzuzufügen gibt, sondern wenn man nichts mehr weglassen kann.“ (Antoine de Saint-Exupéry)
      1. Vielen Dank!

        Ich hätte nicht gewusst wie suchen bei Google.