За последние 24 часа нас посетили 20163 программиста и 1695 роботов. Сейчас ищут 1829 программистов ...

Управление стилем предыдущего элемента

Тема в разделе "HTML и CSS", создана пользователем masterlelik, 5 апр 2016.

  1. masterlelik

    masterlelik Активный пользователь

    С нами с:
    8 ноя 2008
    Сообщения:
    68
    Симпатии:
    0
    Есть структура
    HTML:
    1. <div class="sss">
    2. <a href="">111</a>
    3. <a href="">222</a>
    4. </div>
    Можно ли как-то при a:hover на вторую ссылку менять стиль для первой ссылки средствами CSS?
     
  2. denis01

    denis01 Суперстар
    Команда форума Модератор

    С нами с:
    9 дек 2014
    Сообщения:
    12.227
    Симпатии:
    1.714
    Адрес:
    Молдова, г.Кишинёв
  3. masterlelik

    masterlelik Активный пользователь

    С нами с:
    8 ноя 2008
    Сообщения:
    68
    Симпатии:
    0
    denis01

    Насколько я знаю, то надо писать так, но так не срабатывает
    a:hover .sss:first-child{color:red;}
     
  4. Alex5646

    Alex5646 Новичок

    С нами с:
    29 дек 2015
    Сообщения:
    277
    Симпатии:
    4
    Адрес:
    От верлюда
  5. masterlelik

    masterlelik Активный пользователь

    С нами с:
    8 ноя 2008
    Сообщения:
    68
    Симпатии:
    0
    Alex5646
    Ага, только в обратную сторону, чтобы плюсик работал в противоположную сторону

    Добавлено спустя 14 минут 56 секунд:
    В общем решение такое, надо при наведении hover на родительский задать поведение первой ссылки:

    .sss:hover a:first-child{
    background-color: blue;
    }
     
  6. Alex5646

    Alex5646 Новичок

    С нами с:
    29 дек 2015
    Сообщения:
    277
    Симпатии:
    4
    Адрес:
    От верлюда
    Просто добавить direction: rtl;, только есть побочный эффект (Ссылки местами поменяются). Вот пример https://jsfiddle.net/ydhgfokt/3/