CSS-SELECTOR für eine Buchstaben-Folge (string ?) innerhalb einer Klasse ".myclass"

[LeoK]

Wie kann ich eine mehrfach auftretenden Wortbestandteil ("e.U.") ansprechen?

Konkreter Fall: ".myclass" ist auf Großbuchstaben gestellt: .myclass {text-transform: uppercase}

Aber die Firmenbezeichnung "e.U." soll von 'uppercase' ausgeschlossen werden, d.h. von "e.U." soll das "e" klein geschrieben bleiben.

Ich habe es so versucht: .myclass[content*="e.U."] {text-transform: none !important;}

Und so: .myclass[string*="e.U."] {text-transform: none !important;}

Aber sooo geht das nicht. Habe schon tagelang herumgesucht. Gibt es dafür eine CSS-Lösung? Bitte die klugen Köpfe um Hilfe! Danke.

[Matthias Apsel]

Hallo LeoK,

Nein, dafür gibt es keine CSS-Lösung. CSS kann ein Dokument nicht anhand des Inhaltes gestalten, nur anhand der Struktur des Inhaltes. Du könntest das e.V. in ein span-Element stecken und dem die entsprechende Formatierung geben.

Bis demnächst
Matthias

[Gunnar Bittersmann]

@@Matthias Apsel

Du könntest das e.V. in ein span-Element stecken

Bei den neuen HTML-Elementen kennst du dich gut aus; wie steht’s mit den alten? span für eine Abkürzung? Nee.

LLAP 🖖

[Matthias Apsel]

Hallo Gunnar Bittersmann,

Bei den neuen HTML-Elementen kennst du dich gut aus; wie steht’s mit den alten? span für eine Abkürzung? Nee.

Hab ich überlegt. Wirklich ;-) Aber ich sehe hier ‚e.V.‘ nicht als Abkürzung sondern als Bestandteil des Firmennamens, deshalb span.

Bis demnächst
Matthias

[Gunnar Bittersmann]

@@Matthias Apsel

Hab ich überlegt. Wirklich ;-) Aber ich sehe hier ‚e.V.‘ nicht als Abkürzung sondern als Bestandteil des Firmennamens, deshalb span.

Das eine schließt das andere nicht aus, deshalb abbr.

Gern auch mit title-Attribut: <foo class="myclass">… <abbr title="eingetragener Unternehmer">e.U.</abbr> …</foo>

Ja, darum geht es wohl hier. Die Zeiten, wo nicht zwischen U und V unterschieden wurde, sind schon einige Jährchen her.

LLAP 🖖

[LeoK]

Du könntest das e.V. in ein span-Element stecken und dem die entsprechende Formatierung geben.

Hallo Matthias, danke für Deine Antwort. Ja, so hatte ich das provisorisch gemacht, musste die Texte halt durchpflücken (nur Headlines). Darum hätte ich nach einer eleganteren Lösung gesucht. Danke an das tolle Forum, hab' hier schon viele Tipps gefunden!!! L.G. LeoK

[Gunnar Bittersmann]

@@LeoK

".myclass" ist auf Großbuchstaben gestellt: .myclass {text-transform: uppercase}

Aber die Firmenbezeichnung "e.U." soll von 'uppercase' ausgeschlossen werden, d.h. von "e.U." soll das "e" klein geschrieben bleiben.

Selektoren schauen nur nach Elementtypen, nach Attributen u.a. Eigenschaften sowie nach Positionen im DOM, aber nicht nach dem Inhalt von Elementen.

Gibt es dafür eine CSS-Lösung?

Bei vernünftiger Auszeichnung schon.

<foo class="myclass">… <abbr>e.U.</abbr> …</foo>

.myclass abbr { text-transform: none }

Bitte die klugen Köpfe um Hilfe!

Vielen Dank für die Blumen.

LLAP 🖖

[LeoK]

Hallo LLAP,

Bei vernünftiger Auszeichnung schon.

Danke, das ist normal auch meine Herangehensweise, aber es gibt für Joomla-CMS solche Module (z.B. Slider), welche für die Eingabe von Text eben nur Text zulassen. Mein aktuelles Modul erlaubt aber HTML.

Vielen Dank. L.G. LeoK