0

Имеется иерархия блоков div

<div id="1">
     <div id="2">
          <div style="" id="3"></div>
     </div>
</div>

Можно ли через данный style (у div с id=3) изменить CSS свойства у div с id=1? Например, если я хочу установить <div id="1" style="padding: 5rem;">

1

2 ответа 2

3

Вариант с js. метод - Element.closest()
Но имейте ввиду, при такой иерархии как у вас, стили могу применяться и к внутренним блокам.

let block = document.querySelector('#id3');
block.closest('#id1').style.color = 'red';
<div id="id1"> id1
  <div id="id2"> id2
    <div style="" id="id3">id3</div>
  </div>
</div>

2
  • Если против моего добавления, - сделай откат. Возражать не буду 5 фев 2022 в 7:40
  • 1
    @Alexandr_TT Всё супер, спасибо. Я на SO пишу обычно чисто выделяя минутку, чтоб отвлечься от работы, и в браузере чаще всего просто уже нет места для новых вкладок чтоб загуглить нужные ссылки для написания расширенного ответа.
    – Pilaton
    5 фев 2022 в 9:26
2

Нет, нельзя. Все ждут появления свойства :has() но пока только Safary работает в этом направлении. Только через JS

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.