Граница-развал для списков?

Question

Есть ли граница-коллапс: альтернатива коллапса для списков, где липы отображаются в виде блоков с границей из 1px solid.

Answer 1

Вы можете удалить верхнюю границу для всех элементов списка, кроме первого, добавив:

li:not(:first-child) {
    border-top: 0;
}

http://jsfiddle.net/mblase75/3h8bm/

IE8 и IE7 не поддерживают :not. Однако они поддерживают :first-child, поэтому обходной путь прост:

li {
    border: 1px solid blue;
    border-top: 0;
}
li:first-child {
    border-top: 1px solid blue;
}

http://jsfiddle.net/mblase75/3h8bm/4/

IE6 не поддерживает ни один из них, поэтому, если вас беспокоит этот браузер, вам придется добавить собственный класс (скажем, .first-child) непосредственно к первому элементу.