CSS Referenzhandbuch

CSS @Regel(RULES)

CSS-Attribut大全

CSS-Funktionen (Functions)CSS-Selektor大全

CSS :first-line Pseudo-Element

Vollständiges Referenzhandbuch für CSS-Selektoren

Online-Beispiel

Stil für die erste Zeile jedes <p>-Elements auswählen:

Beispiel

!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">　
<title>Grundlagenanleitung(oldtoolbag.com)</title>
<style>
p:first-line
{
　　　　background-color:orange;
}
</style>
</head>
<body>
<h1>Jiangnan-Shizhu</h1>
<p>Die Musik der Jiangnan-Shizhu wurde aufgrund der regionalen Unterschiede und der gewohnten Freiheit früher als "Su-Nan-Shizhu", "Wu-Yue-Shizhu" und andere bezeichnet.20. Jahrhundert5Anfang des 0. Jahrhunderts, während der East China Folk Music Exhibition, diskutierten einige Musikbegeisterte gemeinsam über das Namensproblem, und schließlich wurde einstimmig die Bezeichnung "Jiangnan-Shizhu" als angemessen anerkannt. Daraufhin wurde es etabliert.
Die Musik der Jiangnan-Shizhu wurde wirklich am Ende der Qing-Dynastie gebildet. Generationen von Meistern und Fachleuten der Jiangnan-Shizhu haben Volksmusik und Alte Musik umgestaltet und verarbeitet, um ihre eigenen Merkmale zu bilden. Ihr Aufstieg und ihre Blütezeit waren in der Republikzeit, vor mehr als einem Jahrhundert.</p>
</body>
</html>

Testen Sie es heraus ‹/›

Definition und Verwendung

:first-line Selektoren werden verwendet, um die Styles für die erste Zeile des Selektors zu definieren.

Hinweis::first-line Selektoren können die folgenden Attribute verwenden:　

font properties
color properties　
background properties
word-spacing
letter-spacing
text-decoration
vertical-align
text-transform
line-height
clear

Hinweis: "first-"line" Selektoren sind für Block-Elemente geeignet.

Browserkompatibilität

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

Selektoren
::first-line	1.0	9.0 Teil von5.5	1.0	1.0	7.0 Teil von3.5