Задать вопрос
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 по такому алгоритму?
  • Вопрос задан
  • 76 просмотров
Подписаться 2 Простой 1 комментарий
Помогут разобраться в теме Все курсы
  • Яндекс Практикум
    Профессиональная вёрстка на HTML и CSS
    3 месяца
    Далее
  • Stepik
    Основы HTML и CSS
    2 недели
    Далее
  • OTUS
    HTML/CSS
    3 месяца
    Далее
Пригласить эксперта
Ваш ответ на вопрос

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

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