Как правильно дать 1пиксельный border списку?

Question

[rootnoroot]

В общем есть список ul > li
хочу обернуть li в border, что бы была аккуратная сетка завернутая в border, по типу как делается в таблице border - collapse : collapse
т.е 1 пиксельная граница между li
как проще сделать, не задавая лишние nth - child border - right 0 , margin - и пр.
сейчас вот так, задав просто 1пиксельную границу, где стыкуются 2 li там соответственно граница в 2пикс
а нужно что бы при стыке оставалась 1пиксельная

Comments

[Ankhena]

сейчас вот так, задав просто 1пиксельную границу, где стыкуются 2 li там соответственно граница в 2пикс

Отсюда следует банальный вывод: нужно задавать границу только с одной стороны... И родителю недостающие.
nth-child для этого вообще не нужен.

Answer 1

[Саман]

li {
    border: solid 1px gray;
    border-left: none;
}
li:first-child {
    border-left: solid 1px gray;
}

Comments

[Ankhena]

второй строке это не поможет