Viktor_Ilukhin
@Viktor_Ilukhin
Just ♥ code

Почему на соседний элемент не применяется hover?

есть css

.document .info:hover ~  .doc-logo{
    background-image: url(../content/document-active.png);
}


есть html
<div class="document">
                        <div class="doc-logo"></div>
                        <div class="info">
                            <div class="title">Правила безопасности при работе с онлайн сервисами</div>
                            <div class="size">.pdf 4.3 MB</div>
                        </div>
                    </div>


Почему hover не применяется к doc-logo?
  • Вопрос задан
  • 65 просмотров
Решения вопроса 1
@kupurim
Читаем доку:
div ~ p
правые соседи: все p на том же уровне вложенности, которые идут после div

Т.е. следующие елементы за вашим.
У вас должен быть такой html:
<div class="document">
  <div class="info">
    <div class="title">Правила безопасности при работе с онлайн сервисами</div>
    <div class="size">.pdf 4.3 MB</div>
   </div>
  <div class="doc-logo"></div>
</div>
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
20 июл. 2019, в 16:06
100000 руб./за проект
20 июл. 2019, в 13:34
2000 руб./за проект