CSS Referenzhandbuch

CSS @Regel(RULES)

CSS Eigenschaften大全

CSS-Funktionen (Functions)CSS-Selektordatenbank

CSS :first-letter pseudo-element

Komplettes Referenzhandbuch für CSS-Selektoren

Online example

The style selected for the first letter of each <p> element:

Beispiel

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">　
<title>Grundlagenanleitung(oldtoolbag.com)</title>　
<style>
p:first-letter
{
　　　　font-size:200%;
　　　　color:#0000ff;
}
</style>
</head>
<body>
<h1>Willkommen auf meiner Homepage</h1>
<p>Mein Name ist Jack.</p>
<p>Ich lebe in Shanghai.</p>
<p>Mein bester Freund ist Linda.</p>
</body>
</html>

Testen Sie heraus, ob ‹/›

Definition und Verwendung

:first-Der letter Selektor wird verwendet, um den Stil der ersten Buchstabe eines Elements zu spezifizieren.

Hinweis: :first-Der letter Selektor kann die folgenden Eigenschaften verwenden:　

Schriftarteigenschaften
Farbeigenschaften　
Hintergrundeigenschaften
Randeigenschaften
Außenabmessungseigenschaften
Rahmeneigenschaften
text-decoration
vertical-ausrichten (nur wenn float ist 'none')
text-transform
line-height
float
clear

Beachtung: "first-"letter" Selektoren sind nur für Block-Elemente geeignet.

Browserkompatibilität

Die Zahlen in der Tabelle geben die erste Browserversion an, die das Attribut unterstützt.

Selektor
::first-letter	1.0	9.0 Ein Teil von5.5	1.0	1.0	7.0 Ein Teil von5.5

Beachtung: IE 5.5-8 und Opera 4-6 Nur alte Grammatikstandards unterstützen, single-Doppelpunkt CSS2Grammatik (：first-letter)。Neue Versionen unterstützen die Standards, doppeltes Doppelpunkt CSS3Grammatik (::letter).