селектора CSS основан на видимость соседних элементов

Question

В следующей структуре

<dl> 
    <dt>Text</dt> 
     <dd>MoreText</dd> 
    <dt>Text 2</dt> 
     <dd>MoreText 2</dd> 
</dl> 

Хочу серый цвет текст (DT), если соответствующий дд не установлен на дисплей: нет. Я верю, что есть способ комбинировать селекторов css для достижения этого, но не может найти рабочего решения.

Answer 1

Нет такого понятия, как селектор «предыдущий брат». Однако есть селектор «next sibling».

См. this question для справки.

Answer 2

Нет такой вещи. Вы должны использовать JS/JQuery для управления классами. Вы должны посмотреть на правила CSS, как на XPath, на элемент, вы можете идти только глубже, а не по сторонам.

Answer 3

Я думаю, что это не возможно в CSS, как вы хотите сделать это на основе состояния , но вы можете использовать JQuery/JavaScript для достижения того же

1.), проверяя статус соседа 2.) затем получить родительский элемент, 3.), затем выбрать нужный элемент окончательно 4.) внести изменения в нужный элемент