Есть HTML код:
<!--Вариант 1-->
<p><strong>Привет</strong></p>
<p>Text...</p>
<!--Вариант 2-->
<p><strong>Привет</strong></p>
<ul>List...</ul>
<!--Вариант 3-->
<p><strong>Привет</strong>, бургундец...</p>
<p>Text...</p>
Нужно сделать так, чтобы любому тегу, следующему за ... задавался бы стиль, т. е. если внутри абзаца все выделено жирным, то задаем стиль тегу за таким абзацем.
Если же внутри абзаца не весь текст выделен жирным, как в примере №3, то следующему тегу стиль задавать не нужно.
Пробовал вариант с :has, но этот вариант сработал и для третьего варианта, что не требуется.
p:has(strong) + * {
background: red;
}
Подскажите, пожалуйста, можно ли задать текст в CSS без JS по такому алгоритму?