целевые несколько свойств HTML с помощью CSS: hover

Question

Я пытаюсь использовать css hover, и я работаю над div, выполняя:

#complete-paper:hover{

background:url('/static/images/blue-aarow.jpg') no-repeat;
background-position:192px 35px;
background-color:#17aedf;
color:#ffffff;
 }

мой вопрос, есть ли способ нацелить на другой элемент HTML, как полностьюнесвязанный div, когда я наведите курсор мыши на свойство с идентификатором полной бумаги?Таким образом, когда вы наводите курсор мыши на элемент div с полной бумагой, он выполнит указанные выше изменения при наведении курсора css, а также изменит другой элемент div на странице?

Спасибо

Редактировать: у меня возник вопрос, возможно ли, если div не связаны между собой.Но в этом случае они связаны между собой, это на самом деле ap внутри div, когда вы наводите курсор на div, я хочу, чтобы p также изменилось

Answer 1

Нет, если другой div не вложен в # Compette-paper, где css будет выглядеть так:

#complete-paper:hover{
    background:url('/static/images/blue-aarow.jpg') no-repeat;
    background-position:192px 35px;
    background-color:#17aedf;
    color:#ffffff;
}

#complete-paper:hover .other-div{
    /* different css */
}

Answer 2

Так как вы сказали, что это потомок, сделайте это так:

#complete-paper:hover #decendant_id {
     // stuff
}

Answer 3

Нет, если другой div не является потомком или родным элементом элемента поиска.

Answer 4

В то время как фактические элементы HTML в файле должны быть либо вложенными, либо содержаться в одном элементе, чтобы быть действительными, ': hover' нацеливался друг на друга, атрибут css 'position' может использоваться для отображения любого элемента там, где вы хотите,Я использовал position: fixed, чтобы поместить цель моего действия ': hover' в нужное место на экране пользователя независимо от его местоположения в документе HTML.

Таким образом, элемент находится там, где браузер хочет, чтобы он был в коде, и там, где пользователь хочет, чтобы это было на экране.

См. Подробный пост ->