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

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

  1. #1

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


    .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
    Добавьте блокам классы и отслеживайте hover уже на них.

  3. #3
    Цитата Сообщение от Proger Посмотреть сообщение
    Добавьте блокам классы и отслеживайте hover уже на них.
    Так это тоже самое что и в параграфами, я имею виду в такой вложенности

  4. #4
    Цитата Сообщение от sergei1980 Посмотреть сообщение
    я имею виду в такой вложенности
    Нет, вложенность можно указать только для второго блока.

    div:hover+div>.box2{}

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

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

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

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

  7. #7

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

Похожие темы

  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, 18:30
  5. Ответов: 8
    Последнее сообщение: 28.02.2010, 13:32

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

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

Ваши права

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