CSS -стиль последовательность SPAN и BR с фоном ⇐ CSS

[Anonymous]

Я пытаюсь стилизовать кодовый блок в лексическом редакторе, для которого я не могу изменить разметку < /p>
По сути, кодовый блок - это плоская последовательность Span и Br, например: < /p>

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

+letmyvar1=1

-letmyvar2=2

< /code>
Есть ли способ стилизировать линии с зеленым цветом фона, когда он «вставлен» и красный цвет, когда он «удален» < /p>
Я подумал об использовании оператора братьев, такого как < /p>
.inserted ~ span { background-color: green; }

Но я не могу найти способ сделать остановку выбора брата на первом Br (или в конце списка братьев и сестер), чтобы выбрать только одну строку.
Было бы еще лучше, если бы это могло окрасить всю линию по сравнению с родительским контейнером. />

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

.inserted ~ span {
background-color: green;
}
.deleted ~ span {
background-color: red;
}< /code>

+let myvar1 = 1

 let myvar2 = 2

-let myvar3 = 3

Подробнее здесь: https://stackoverflow.com/questions/796 ... background