Как стилизовать в зависимости от иерархии тегов br и span внутри p ⇐ CSS

[Anonymous]

У меня есть промежуток a br в той же позиции внутри p. Я хочу, чтобы, если br находится перед диапазоном, диапазон имел другой стиль, но если диапазон идет после br, диапазон имел другой стиль.

Код: Выделить всё

p:first-child span {
margin-top: 2px;
color: green
}

p:first-child span + br {
margin-top: 10px;
color: red
}

p > br {
display: none;
}

Lorem

Lorem

jsfiddle
Первый Лорем должен быть красным, а второй Лорем должен быть зеленым.
Это массив, содержащий разные данные, некоторые из которых имеют такие теги. Так что это не то, что я могу просто содрать

Подробнее здесь: https://stackoverflow.com/questions/784 ... within-a-p