+ Ответить в теме
Показано с 1 по 7 из 7

Тема: Изменение одного блока при наведении на другой

  1. #1
    Пользователь sergei1980 на пути к лучшему Аватар для sergei1980
    Регистрация
    23.01.2015
    Сообщений
    75
    Thanks
    6
    Thanked 0 Times in 0 Posts

    Изменение одного блока при наведении на другой


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



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


    Вот как сделать что бы обернуты в дивы работали так же которые является соседними.

  2. #2
    Новичок Proger на пути к лучшему Аватар для Proger
    Регистрация
    18.07.2019
    Сообщений
    17
    Thanks
    0
    Thanked 3 Times in 3 Posts
    Добавьте блокам классы и отслеживайте hover уже на них.

  3. #3
    Пользователь sergei1980 на пути к лучшему Аватар для sergei1980
    Регистрация
    23.01.2015
    Сообщений
    75
    Thanks
    6
    Thanked 0 Times in 0 Posts
    Цитата Сообщение от Proger Посмотреть сообщение
    Добавьте блокам классы и отслеживайте hover уже на них.
    Так это тоже самое что и в параграфами, я имею виду в такой вложенности

  4. #4
    Новичок Proger на пути к лучшему Аватар для Proger
    Регистрация
    18.07.2019
    Сообщений
    17
    Thanks
    0
    Thanked 3 Times in 3 Posts
    Цитата Сообщение от sergei1980 Посмотреть сообщение
    я имею виду в такой вложенности
    Нет, вложенность можно указать только для второго блока.

    div:hover+div>.box2{}

    Только вместо div нужно задавать классы.
    А так, чтобы полностью цепочку выстроить от .box до .box2 не получится.

  5. #5
    Пользователь sergei1980 на пути к лучшему Аватар для sergei1980
    Регистрация
    23.01.2015
    Сообщений
    75
    Thanks
    6
    Thanked 0 Times in 0 Posts
    то есть это работает только на одном урвоне

    И как сделать что бы на разных уровнях работало

  6. #6
    Новичок Proger на пути к лучшему Аватар для Proger
    Регистрация
    18.07.2019
    Сообщений
    17
    Thanks
    0
    Thanked 3 Times in 3 Posts
    На javascript отслеживать события мыши.

  7. #7
    Пользователь sergei1980 на пути к лучшему Аватар для sergei1980
    Регистрация
    23.01.2015
    Сообщений
    75
    Thanks
    6
    Thanked 0 Times in 0 Posts
    Спасибо

+ Ответить в теме

Похожие темы

  1. Ответов: 2
    Последнее сообщение: 27.10.2018, 14:27
  2. Ответов: 1
    Последнее сообщение: 30.05.2018, 10:40
  3. Ответов: 5
    Последнее сообщение: 12.02.2016, 13:12
  4. Ответов: 4
    Последнее сообщение: 06.03.2013, 19:30
  5. Ответов: 8
    Последнее сообщение: 28.02.2010, 13:32

Социальные закладки

Социальные закладки

Ваши права

  • Вы не можете создавать новые темы
  • Вы не можете отвечать в темах
  • Вы не можете прикреплять вложения
  • Вы не можете редактировать свои сообщения