Para estilizar cada parágrafo separadamente para idiomas RTL e LTR

Dev
1

Olá, estou tentando usar idiomas RTL e LTR juntos no Discourse. Pensei em resolver isso com CSS, já que os parágrafos estarão em uma certa ordem no conteúdo. Inicialmente, planejo usar :nth-of-type para as tags p. Mas há uma surpresa. A tag p aparece automaticamente no início e no final das imagens adicionadas ao conteúdo no Discourse. Isso quebrou o uso de :nth-of-type. Porque o número de parágrafos que vou mirar no conteúdo com e sem imagens mudou.

image
image1186×294 41.3 KB

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

Então, comecei a pensar em outra solução. Procurei uma maneira de mirar parágrafos que têm a tag RTL e LTR.

:nth-of-type() de [atributo=valor]

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

Não funciona. Porque os navegadores priorizam o :nth-of-type para processar. Parece não haver como usar :nth-of-type ou :nth-child de atributos.

Você sugeriria uma solução para isso?