Перенаправление стилей

@Bohdan150 · Регистрация: 14.07.2014

Студворк — интернет-сервис помощи студентам

Не могу справиться с задачей.
В общем, мне нужно, чтобы при наведении(:hover) на объект[1] стили применялись на объекте[2].
И только при помощи CSS.
Перепробовал все возможные способы! И через '~', '+' (когда они братья), и просто через пробел(когда объект[1] папа объекта[2]) Ни один не работает.
Ситуация:

HTML5
1
2
3
4
<div class="persp">
    <div class="persp_trans"></div>
    <a class="butt">Active</a>
</div>

CSS
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
.persp{
    display: block;
        position: relative;
}
 
.persp_trans{
    width: 500px;
    height: 500px;
        position: absolute;
        background-color: #ccc;
}
 
.but{
    width: 100px;
    height: 30px;
    left: 600px;
        text-align: center;
    position: absolute;
    background-color: #ccc;
}
 
.but:hover ~ .persp_trans{
    background-color: #443123;
}

@mrtoxas · 03.05.2017, 21:06

А и не будет работать. Мы можем повлиять на блок, если он идет ниже в дереве HTML.

@Bohdan150 · 03.05.2017, 21:21 **[ТС]**

Ну так он так у меня и идет.
Разве нет?

@mrtoxas · 03.05.2017, 21:59

Нет. У вас butt расположен ниже, чем persp_trans.

Добавлено через 5 минут
Не меняя разметку, выйти из этой ситуации вы можете следующими вариантами:
1. JavaScript
2. Менять блоки местами только визуально, например, использовать flex и его стиль order.
3. Использовать ужасный костыль в виде inputa с фиксированным позиционированием вне области видимости.
4. Обрабатывать наведение на родителя.

Новые блоги и статьи Все статьи Все блоги /
Автозаполнение реквизита при выборе элемента справочника Maks 27.03.2026 Программный код из решения ниже на примере нетипового документа "ЗаявкаНаРемонтСпецтехники" разработанного в конфигурации КА2. При выборе "Спецтехники" (Тип Справочник. Спецтехника), заполняется. . .	Сумматор с применением элементов трёх состояний. Hrethgir 26.03.2026 Тут. https:/ / fips. ru/ EGD/ ab3c85c8-836d-4866-871b-c2f0c5d77fbc Первый документ красиво выглядит, но без схемы. Это конечно не даёт никаких плюсов автору, но тем не менее. . . всё может быть. . .	Автозаполнение реквизитов при создании документа Maks 26.03.2026 Программный код из решения ниже размещается в модуле объекта документа, в процедуре "ПриСозданииНаСервере". Алгоритм проверки заполнения реализован для исключения перезаписи значения реквизита,. . .	Команды формы и диалоговое окно Maks 26.03.2026 1. Команда формы "ЗаполнитьЗапчасти". Программный код из решения ниже на примере нетипового документа "ЗаявкаНаРемонтСпецтехники" разработанного в конфигурации КА2. В качестве источника данных. . .
Кому нужен AOT? DevAlt 26.03.2026 Решил сделать простой ланчер Написал заготовку: dotnet new console --aot -o UrlHandler var items = args. Split(":"); var tag = items; var id = items; var executable = args;. . .	Отправка уведомления на почту при изменении наименования справочника Maks 24.03.2026 Программная отправка письма электронной почты на примере изменения наименования типового справочника "Склады" в конфигурации БП3. Перед реализацией необходимо выполнить настройку системной учетной. . .	модель ЗдравоСохранения 5. Меньше увольнений- больше дохода! anaschu 24.03.2026 Теперь система здравосохранения уменьшает количество увольнений. 9TO2GP2bpX4 a42b81fb172ffc12ca589c7898261ccb/ https:/ / rutube. ru/ video/ a42b81fb172ffc12ca589c7898261ccb/ Слева синяя линия -. . .	Midnight Chicago Blues kumehtar 24.03.2026 Такой Midnight Chicago Blues, знаешь?. . Когда вечерние улицы становятся ночными, а ты не можешь уснуть. Ты идёшь в любимый старый бар, и бармен наливает тебе виски. Ты смотришь на пролетающие. . .

@mrtoxas 3827 / 2677 / 1521 Регистрация: 12.07.2015 Сообщений: 6,672 Записей в блоге: 4
	03.05.2017, 21:06
	А и не будет работать. Мы можем повлиять на блок, если он идет ниже в дереве HTML. 0

@Bohdan150 0 / 0 / 0 Регистрация: 14.07.2014 Сообщений: 12
	03.05.2017, 21:21 [ТС]
	Ну так он так у меня и идет. Разве нет? 0

@mrtoxas 3827 / 2677 / 1521 Регистрация: 12.07.2015 Сообщений: 6,672 Записей в блоге: 4
	03.05.2017, 21:59
	Нет. У вас butt расположен ниже, чем persp_trans. Добавлено через 5 минут Не меняя разметку, выйти из этой ситуации вы можете следующими вариантами: 1. JavaScript 2. Менять блоки местами только визуально, например, использовать flex и его стиль order. 3. Использовать ужасный костыль в виде inputa с фиксированным позиционированием вне области видимости. 4. Обрабатывать наведение на родителя. 0