Wie kann ich in CSS nur den ersten Buchstaben von Wörtern in Großbuchstaben großschreiben?

CSS-Texttransformation: Großschreibung in Großbuchstaben

Bei Verwendung der Eigenschaft „Texttransformation: Großschreibung“ in CSS kann es vorkommen, dass Sie auf Situationen stoßen, in denen Sie nur die Großschreibung großschreiben möchten Anfangsbuchstabe von Wörtern, die bereits in Großbuchstaben geschrieben sind. Um dieses spezielle Verhalten zu erreichen, besteht die Lösung darin, mehrere Texttransformationsregeln zu kombinieren.

Um Großbuchstaben zu nutzen, führen Sie die folgenden Schritte aus:

1. Machen Sie den gesamten Text mit dem Text kleingeschrieben. transform: Kleinbuchstabenregel.
2. Machen Sie den ersten Buchstaben jedes Wortes mit der Texttransformation: Großbuchstabenregel groß.
3. Großschreiben die erste Zeile mit text-transform: Uppercase.

Hier ist ein Beispiel, wie Sie dies in Ihrem CSS implementieren können:

.link {
  text-transform: lowercase;
}
.link:first-letter,
.link:first-line {
  text-transform: uppercase;
}

Mit diesem Ansatz können Sie das Gewünschte erreichen Ausgabe, bei der bei Wörtern, die bereits in Großbuchstaben geschrieben sind, nur der Anfangsbuchstabe großgeschrieben wird.

Das obige ist der detaillierte Inhalt vonWie kann ich in CSS nur den ersten Buchstaben von Wörtern in Großbuchstaben großschreiben?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!