Задать вопрос
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 по такому алгоритму?
  • Вопрос задан
  • 79 просмотров
Подписаться 2 Простой 1 комментарий
Помогут разобраться в теме Все курсы
  • Нетология
    Веб-разработчик с нуля: профессия с выбором специализации
    14 месяцев
    Далее
  • Академия Эдюсон
    Frontend-разработчик: тариф PRO
    10 месяцев
    Далее
  • ProductStar × РБК
    Профессия: Инженер по тестированию + ИИ
    6 месяцев
    Далее
Пригласить эксперта
Ваш ответ на вопрос

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

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