Jeden Absatz separat für RTL- und LTR-Sprachen stylen

Entwickler
1

Hallo, ich versuche, RTL- und LTR-Sprachen gemeinsam in Discourse zu verwenden. Ich dachte, dies mit CSS zu lösen, da die Absätze im Inhalt in einer bestimmten Reihenfolge stehen. Zunächst plane ich, nth-of-type für die p-Tags zu verwenden. Doch dann gab es eine Überraschung. Das p-Tag erscheint automatisch am Anfang und Ende der Bilder, die im Inhalt von Discourse hinzugefügt werden. Dies hat die Verwendung von nth-of-type unterbrochen, da sich die Anzahl der Absätze, die ich im Inhalt mit und ohne Bilder ansprechen möchte, geändert hat.

image
image1186×294 41.3 KB

.cooked > p:nth-of-type(5) {
  color: brown; 
  font-size: 16px;
}

Daher habe ich über eine andere Lösung nachgedacht. Ich habe nach einer Möglichkeit gesucht, Absätze zu adressieren, die das RTL- oder LTR-Attribut enthalten.

:nth-of-type() of [attribute=value]

.cooked > p[dir="ltr"]:nth-of-type(1) {
  color: brown; 
  font-size: 16px;
}

Das funktioniert nicht, da Browser primär nth-of-type zur Verarbeitung heranziehen. Es scheint keine Möglichkeit zu geben, nth-of-type oder nth-child in Kombination mit Attributen zu verwenden.

Hätten Sie einen Lösungsvorschlag dafür?