Зависание обоих элементов гнезда

Question

Зависание обоих элементов гнезда

0

При использовании чистого CSS (без JavaScript), как я могу это сделать, что только тогда, когда я парить как.a и.b, как.a и.b получить красный цвет? (Это можно интерпретировать как "когда я нахожу.b,.a получает красный цвет")

HTML:

<div class="a">AAAAA<div class="b">BBBBB</div></div>

В некоторых CSS отчаянные попытки:

.b:hover .a {color: red;}
.a.b:hover {color: red;}
.b:hover + .a {color: red;}
.b:hover ~ .a {color: red;}
.b:hover < .a {color: red;}

Но он чувствует, что все, что может выбрать родительский элемент, не будет работать.

pzin 21 сен. 2013, в 14:24

Источник

Теги:

html

css

hover

nested

2 ответа

0

Добавьте этот стиль на свою страницу

<style type="text/css">
    .a:hover{
   background-color:red;
}
    </style>

Надеюсь, что это работает для вас.

Sid M 21 сен. 2013, в 09:50

Ещё вопросы

pzin · Accepted Answer · 2013-09-21T09-12-00.000Z

< не существует и + как ~ являются смежными селекторами, но только для последующих элементов.

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