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