last-child last-child'а в css

173
27 октября 2018, 03:40

Есть 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.

Answer 1

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

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

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

READ ALSO
Не работает bootstrap markdown

Не работает bootstrap markdown

Сделано все по инструкции, самое меню показывает которое прописано тут

192
Разница между line box и inline box

Разница между line box и inline box

Случайно где-то в интернете увидел один из терминовПотом еще покопался и понял что это все таки разные вещи

172
Что такое сетка сайта

Что такое сетка сайта

Читаю статьи и часто попадается термин - сетка сайтаХотелось бы поподробнее понять что это такое

161
Разница 2 тегов HTML

Разница 2 тегов HTML

В чем разница тега HTML <article> и <section>? Какую в них хранить информацию? Могут ли они хранить в себе теги <header> и footer?

253