Per impostare lo stile di ciascun paragrafo separatamente per lingue RTL e LTR

Sviluppatore
1

Ciao, sto cercando di utilizzare lingue RTL e LTR insieme in Discourse. Ho pensato di risolvere il problema con il CSS, dato che i paragrafi seguiranno un certo ordine nel contenuto. Inizialmente intendevo usare :nth-of-type per i tag <p>. Ma c’è una sorpresa: il tag <p> viene aggiunto automaticamente all’inizio e alla fine delle immagini inserite nel contenuto in Discourse. Questo ha compromesso l’uso di :nth-of-type, perché il numero di paragrafi che intendo selezionare nel contenuto cambia a seconda della presenza o meno di immagini.

image
image1186×294 41.3 KB

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

Quindi ho iniziato a pensare a un’altra soluzione. Ho cercato un modo per selezionare i paragrafi che hanno i tag RTL e LTR.

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

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

Non funziona. I browser elaborano principalmente :nth-of-type prima di considerare gli attributi. Sembra che non ci sia modo di combinare :nth-of-type o :nth-child con selettori basati sugli attributi.

Avete qualche suggerimento per una soluzione?