Наведите фон из двух элементов

Question

Наведите фон из двух элементов

0

Это мой HTML:

<div id="orange">
    <div id="outer">
        <div id="inner">
            <h4>Title</h4>
            Text stuf and information
        </div>
    </div>
</div>

Возможно ли с помощью css, когда вы наводите h4 то, что изменение фона div#orange? Я знаю h4:hover #... вещь, но тогда вы все глубже и глубже.

Я не хочу, когда вы наводите div#orange что h4 меняется, но только когда вы наводите h4 то, что фон div#orange меняется.

Maanstraat 03 янв. 2014, в 13:29

Источник

1

Возможный дубликат Как стилизовать родительский элемент при наведении на дочерний элемент?
CRABOLO 03 янв. 2014, в 12:30
1

Эта тема обсуждается здесь stackoverflow.com/a/2000614/2851870 . Основываясь на ссылках в этом ответе, это может быть возможно с CSS4.
Tasos K. 03 янв. 2014, в 12:31

Теги:

html

css

hover

2 ответа

2

Невозможно использовать только css. Вы можете использовать js для этого.

andrei 03 янв. 2014, в 10:18

Ещё вопросы

Возможный дубликат Как стилизовать родительский элемент при наведении на дочерний элемент?
Эта тема обсуждается здесь stackoverflow.com/a/2000614/2851870 . Основываясь на ссылках в этом ответе, это может быть возможно с CSS4.

Fox · Accepted Answer · 2014-01-03T11-23-00.000Z

Вам нужно, когда кто-то наводит на заголовок фона изменения оранжевого цвета, так что наведите курсор на дочерний элемент и измените родительский элемент, но нет селектора CSS для выбора родителя выбранного ребенка.

вы можете сделать это с помощью JavaScript, вот пример

HTML-код

<div id="orange">
    <div id="outer">
        <div id="inner">
            <h4 id="title">Title</h4>
            Text stuf and information
        </div>
    </div>
</div>

CSS-код

.hoverorange {
    background-color:orange;
}

КОД JavaScript

$("#title").hover(function() {
    $(this).closest("#orange").toggleClass("hoverorange")
});

вот демонстрация