X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

Открыть тему
Тема закрыта
> Изменение одного блока при наведении на другой
sergei_burg
sergei_burg
Topic Starter сообщение 23.7.2019, 18:46; Ответить: sergei_burg
Сообщение #1


[CSS]
.box{
cursor: pointer;
font-size: 24px;
display: block;
}
.box2{
color: blue;
font-size: 24px;
display: block;
}
.box:hover+.box2{
color: red;
font-size: 24px;
}
[/CSS]

<p class="box">какой то текст</p>
<p class="box2">1000</p>
<div><p class="box">какой то текст</p></div>
<div><p class="box2">1000</p></div>


Вот как сделать что бы обернуты в дивы работали так же которые является соседними.
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
icoder
icoder
сообщение 23.7.2019, 19:39; Ответить: icoder
Сообщение #2


Добавьте блокам классы и отслеживайте hover уже на них.


--------------------
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
sergei_burg
sergei_burg
Topic Starter сообщение 23.7.2019, 23:54; Ответить: sergei_burg
Сообщение #3


(Proger @ 23.7.2019, 22:39) *
Добавьте блокам классы и отслеживайте hover уже на них.


Так это тоже самое что и в параграфами, я имею виду в такой вложенности
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
icoder
icoder
сообщение 24.7.2019, 3:05; Ответить: icoder
Сообщение #4


(sergei1980 @ 24.7.2019, 02:54) *
я имею виду в такой вложенности

Нет, вложенность можно указать только для второго блока.
[CSS]
div:hover+div>.box2{}
[/CSS]
Только вместо div нужно задавать классы.
А так, чтобы полностью цепочку выстроить от .box до .box2 не получится.


--------------------
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
sergei_burg
sergei_burg
Topic Starter сообщение 24.7.2019, 4:10; Ответить: sergei_burg
Сообщение #5


то есть это работает только на одном урвоне

И как сделать что бы на разных уровнях работало
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
icoder
icoder
сообщение 24.7.2019, 12:53; Ответить: icoder
Сообщение #6


На javascript отслеживать события мыши.


--------------------
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
sergei_burg
sergei_burg
Topic Starter сообщение 24.7.2019, 16:25; Ответить: sergei_burg
Сообщение #7


Спасибо

Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой
или обратитесь к любому из модераторов.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Мегамаркет. Скидка 1000 рублей при покупке от 5000 рублей на все, на первый заказ.
Мегамаркет. Скидка 1000 рублей при покупке от 5000 рублей на все, на п
6 stu999 1551 21.3.2024, 20:45
автор: stu999
Открытая тема (нет новых ответов) Получил странную ссылку при линкбилдинге
Как поведет себя поиск при обнаружении странной ссылке?
10 r0mZet 2178 24.10.2022, 19:23
автор: Wachowski
Горячая тема (нет новых ответов) 300 площадок под вечные ссылки на выбор: ТИЦ 20-9400, PR 0-6, ЯК, DMOZ. Скидки при пакетном заказе!
65 inkon 30255 19.7.2022, 13:41
автор: Funoman
Горячая тема (нет новых ответов) тИЦ отменили! Новый показатель Яндекса ИКС! Лучшие площадки под размещение. Бесплатное написание статей при любом заказе.
Эксклюзивное предложение. Успей получить написание статей БЕСПЛАТНО
71 VIMstat 78310 21.6.2022, 9:38
автор: VIMstat
Открытая тема (нет новых ответов) Куплю выгрузку из serp stat для одного домена
serp stat для одного домена
1 Smartseowork 1552 24.5.2022, 20:49
автор: Latinos


 



RSS Текстовая версия Сейчас: 29.3.2024, 3:31
Дизайн