За последние 24 часа нас посетили 17069 программистов и 1297 роботов. Сейчас ищут 1422 программиста ...

nth-child()

Тема в разделе "HTML и CSS", создана пользователем Неугомонный, 5 июл 2019.

  1. Неугомонный

    Неугомонный Активный пользователь

    С нами с:
    10 фев 2018
    Сообщения:
    192
    Симпатии:
    3
    Как прикрутить еще и 1 ссылку чтобы была 1 ссылка и 4 ?
    Код (CSS):
    1. .top-menu ul li:nth-child(4) a:hover{color:white;background-color:#4BB1CF;}
     
    #1 Неугомонный, 5 июл 2019
  2. MouseZver

    MouseZver Суперстар

    С нами с:
    1 апр 2013
    Сообщения:
    7.794
    Симпатии:
    1.330
    Адрес:
    Лень
    через запятую
    --- Добавлено ---
    .top-menu ul li:nth-child(4) a:hover, .top-menu ul li:nth-child(1) a:hover
     
    #2 MouseZver, 5 июл 2019
  3. Deonis

    Deonis Старожил

    С нами с:
    15 фев 2013
    Сообщения:
    1.521
    Симпатии:
    504
    Или так:
    Код (CSS):
    1. .top-menu ul li:nth-child(-3n+4) a:hover {
    2.   color: white;
    3.   background-color: #4BB1CF;
    4. }
     
    #3 Deonis, 6 июл 2019
  4. Неугомонный

    Неугомонный Активный пользователь

    С нами с:
    10 фев 2018
    Сообщения:
    192
    Симпатии:
    3
    Спасибо
     
    #4 Неугомонный, 6 июл 2019
(Вы должны войти или зарегистрироваться, чтобы разместить сообщение.)