css проверка следующего элемента

Question

Можно ли проверить следующий элемент, допустим идёт header потом intro. Если после header есть intro то добавляй header свойство иначе не добавляй.

.header + .intro .header {
    position: absolute;
}

Или это только js делается

Answer 1

Как я знаю, вроде бы без JS это никак не реализовать, так что вот вам реализация использузя JS:

let hdr = document.querySelector('.header')

if(hdr.nextElementSibling.className.includes('intro')) {
  hdr.classList.add('someClass')
}

.someClass {
  color: red;
}

.someClass::after {
  content: ' - Этот элемент имеет класс someClass.';
  color: black;
}

<div class="header">Пример текста 1</div>
<div class="intro">Пример текста 2</div>

Подробнее о том что я использовал для JS:

Подробнее о том что я использовал для CSS: