Задать вопрос
weranda
@weranda

Как задать стиль следующему элементу, если внутри есть нужный тег?

Есть 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 по такому алгоритму?
  • Вопрос задан
  • 40 просмотров
Подписаться 1 Простой 1 комментарий
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы