a[href^="mailto:"]:before { content: "\2709"; }
.phone:before { content: "\2706"; }
.important:before { content: "\27BD"; }
blockquote:before { content: "\275D"; }
blockquote:after { content: "\275E"; }
.alert:before { content: "\26A0"; }
<p>
<a href="mailto:[email protected]">
[email protected]
</a>
</p>
<p class="phone">
555-555-5555
</p>
<p class="important">
REMEMBER: drink slushies too fast.
</p>
<blockquote>
Designers tend to whisper, ad agencies tend to shout.
</blockquote>
<p class="alert">
Stranger Danger!
<p>
Für das Telefon können Sie auch dies verwenden
Wie kann ich ein Menü (Link) in vertikaler Richtung (von oben nach unten) erstellen?
das vor jedem Link ein anderes Bild oder Symbol enthält.
Wie kann ich das mit CSS und HTML machen?
Ich möchte die ul und li für die Navigation verwenden
Sie können der ul eine ID/Klasse wie nav (Beispiel) für das Styling geben, und Sie können jeder li eine ID/Klasse geben
.nav
.nav first { background: url(“”) }
.nav second
usw.
Und für ungewöhnliche Unicode-Symbole, konvertieren Sie Ihren Code von Dezimal in Hexadezimal. Z.B., anstatt ▲ zu verwenden, benutzen Sie
content: “\25B2”;
http://www.binaryhexconverter.com/decimal-to-hex-converter
Was ist mit Cross-Browser-Kompatibilität??? Funktionieren sie in alten Browsern? Vielen Dank!!!