1. Уважаемые пользователи, прежде чем ответить в теме или создать новую, внимательно ознакомьтесь с Правилами раздела
    Скрыть объявление

Как задать разные padding в одном ul>li ?

Тема в разделе "Вёрстка (HTML, CSS)", создана пользователем elena0222, 22 мар 2017.

  1. elena0222

    elena0222

    Регистрация:
    2 янв 2017
    Сообщения:
    1
    Симпатии:
    0
    Ребят, я чайник! Не могу понять, как правильно задать внутренние отступы у всех остальных li в одном ul, если у одного из них отступы другие. Помогите, пожалуйста!
    [​IMG]
     
  2. spy

    spy

    Регистрация:
    15 янв 2013
    Сообщения:
    468
    Симпатии:
    137
    например так
    HTML:
    ul>li{
    padding: 5px;
    }
    а для нужного li
    HTML:
    ul li:nth-child(2){
    padding: 20px;
    }
    --- Добавлено, 22 мар 2017 ---
    или так с 4го по 8й ли включительно
    HTML:
    li:nth-child(n+4):nth-child(-n+8){
    padding:10px;
    }
    формулу (n) поправите, там зависит от количества лишек
     
    Perat нравится это.
  3. Perat

    Perat

    Регистрация:
    27 окт 2015
    Сообщения:
    115
    Симпатии:
    26
    Или
    Код:
    <ul>
           <li></li>
           <li class="another"></li>
           <li></li>
           <li></li>
    </ul>
    li{
          padding:20px;
    }
    .another{
          padding:10px;
    }
    добавте классификатор