Nachdem ich mich bei www.linkedIn.com angemeldet habe, zeigt die Navigationsleiste oben rechts den Titel wie folgt an:
%Vor%Ich würde gerne wissen, wie sie * zwischen verschiedenen Titeln hinzufügen. Ich habe Firebug benutzt, aber ich habe nicht gesehen, wo sie so ein kleines * zwischen Titeln hinzufügen.
Danke
Hier ist, was sie auf LinkedIn verwenden:
%Vor% Das heißt, sie verwenden CSS, um vor jedem Listenelement ein zusätzliches Zeichen hinzuzufügen. ' ist ein mittlerer Punkt in Unicode. :beforeB7'<li> ist ein Pseudo-Element in CSS; Sie können so vorgehen, als ob vor dem Inhalt eines Elements ein Element vorhanden wäre (in diesem Fall vor dem Inhalt des Elements content ), und Sie können die Eigenschaft * verwenden, um Inhalt in dieses Pseudoelement einzufügen . Um es richtig zu platzieren, fügen sie etwas Polsterung hinzu.
Wenn Sie sich einen etwas größeren Ausschnitt ansehen, wird ein Hack angezeigt (Präfix einer Eigenschaft mit * , wodurch andere Browser die Eigenschaft ignorieren, aber ältere Versionen von IE diese Eigenschaft als% co_de verwenden) % waren nicht da), die ein Hintergrundbild einfügen, so dass ältere Browser, die das Pseudo-Element :before nicht unterstützen, immer noch das Aufzählungszeichen erhalten.
Sie können den: After-Pseudo-Selektor verwenden:
HTML:
%Vor%CSS:
%Vor%Sie können es hier versuchen: Ссылка
Hier ist das relevante CSS: #nav-utility li:before{content:' content:'%code%B7';B7';padding-right:5px;}
%code% bezieht sich auf den ISO-Code für ein kleines Punktzeichen. Dieses Zeichen wird dann direkt vor jedem Li innerhalb von # nav-Dienstprogramm platziert.
Tags und Links css