codehunter
Goto Top

CSS-Styledefinitionen für bestimmte BUCHSTABEN innerhalb eines Elements

Guten Morgen!

Ist es möglich, einen CSS-Style zu definieren, der nur für bestimmte Zeichen innerhalb eines Elements gilt? Zum Beispiel bei einem Syntaxhighlighting dass Klammern andersfarbig dargestellt werden? Oder bestimmte Schlüsselworte in Fettschrift usw. Ich kenne das ja so, dass man derlei Quelltexte zunächst durch einen HTML-Präprozessor schickt der entsprechend Tags zu den Elementen hinzufügt. Nur interessiert mich jetzt, ob es - zumindest für ganz einfache Syntaxen - auch gänzlich ohne Präprozessor mit reinem CSS möglich ist.

Grüße
Cody

Content-ID: 348213

Url: https://administrator.de/forum/css-styledefinitionen-fuer-bestimmte-buchstaben-innerhalb-eines-elements-348213.html

Ausgedruckt am: 15.04.2025 um 19:04 Uhr

Arano
Arano 05.09.2017 um 08:28:08 Uhr
Goto Top
Guten Morgen.

Mir ist nur :first-letter bekannt.
https://www.w3schools.com/cssref/css_selectors.asp


~Arano
Codehunter
Codehunter 05.09.2017 um 08:56:08 Uhr
Goto Top
Hallo Arano,

das habe ich auch gesehen. Bringt aber eher was für so kreative Absatzformatierung wie in alten Büchern, wo der erste Buchstabe mit großer Fraktalschrift dargestellt wird.

Ich habe noch Quotes gefunden. Vielleicht könnte man das zumindest für Klammern umfunktionieren. Allerdings steige ich da noch nicht so recht dahinter, wie man den damit umschlossenen Text formatiert.
SlainteMhath
SlainteMhath 05.09.2017 um 09:13:27 Uhr
Goto Top
Moin,

rein im Browser bekommst du das mEn nur mit JS hin, reines CSS reicht hier nicht aus.

lg,
Slainte