0

Есть css код для определенных списков:

section #contacts #contacts-list ul {
    width: 100%;
    padding-left: 1%;
    border-left: 2px dotted #1C1C1C;
}
section #contacts #contacts-list ul li {
    float: none;
    margin-bottom: 5%;
}
    section #contacts #contacts-list ul li:first-child {
        font-size: 20px;
        font-weight: 500;
    }

И таких списков на сайте несколько. Проблема в том, что из-за свойства margin-bottom у элемента списка, в конце немного выпирает border. Можно ли как-то отобрать последний элемент последнего списка? Я пробовал такой код:

section #contacts #contacts-list ul:last-child li:last-child { margin-bottom: 0; }

Но, естественно, это не работает. И мне нужно конкретно на css, без применения js.

4
  • html код добавьте
    – E_K
    10 авг 2018 в 19:30
  • попробуй выбрать ul:last-of-type 10 авг 2018 в 22:35
  • @ИльяШишлачев , Я пробовал li:last-of-type. Но все равно выбирается li внутри ul. А в ul:last-of-type не вижу смысла, margin мне нужен конкретно у li. 12 авг 2018 в 8:42
  • а что мешает добавить модификатор нужному элементу и переопределить стили? 12 авг 2018 в 13:49

1 ответ 1

0

li:last-child поменяй li:last-of-type

section #contacts #contacts-list ul:last-child li:last-of-type { margin-bottom: 0; }

так заработает

3
  • Не работает. Браузер просто игнорирует стиль как неправильный. 12 авг 2018 в 8:39
  • попробуй поменять все last-child на last-of-type. 12 авг 2018 в 13:55
  • если тебе нужен последний li, то либо section #contacts #contacts-list ul:last-child, либо section #contacts #contacts-list ul li:last-of-type. оно не может быть неверным 12 авг 2018 в 13:56

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими условиями использования и подтверждаете, что прочитали и поняли наши политику конфиденциальности и нормы поведения.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.