Отступ между элементами, размер одна строка
важность: 4
Есть список UL/LI.
Текст вверху без отступа от списка. <ul> <li>Маша</li> <li>Паша</li> <li>Даша</li> <li>Женя</li> <li>Саша</li> <li>Гоша</li> </ul> Текст внизу без отступа от списка.Размеры шрифта и строки заданы стилем:
body { font: 14px/1.5 serif; }Сделайте, чтобы между элементами был вертикальный отступ.
- Размер отступа: ровно 1 строка.
- Нужно добавить только одно правило CSS с одним псевдоселектором, можно использовать CSS3.
- Не должно быть лишних отступов сверху и снизу списка.
Результат:
Выбор элементов
Для выбора элементов, начиная с первого, можно использовать селектор nth-child.
Его вид: li:nth-child(n+2), т.к. n идёт от нуля, соответственно первым будет второй элемент (n=0), что нам и нужно.
Решение
Отступ, размером в одну строку, при line-height: 1.5 – это 1.5em.
Правило:
li:nth-child(n+2) { margin-top: 1.5em; }