CSS - неперекрывающиеся / не двойные границы с border-collapse: раздельно; - PullRequest
1 голос
/ 18 сентября 2011

Мне нужен способ добавить неперекрывающиеся / не двойные границы в таблицу (это должен быть общий класс с использованием селекторов и т. Д.):

http://jsfiddle.net/MadLittleMods/X3VMJ/

Мне нужно border-collapse: separate;, потому что я использую радиус границы для заголовка (не в примере).

td:first-child почти работает, но добавляет дополнительные границы в "нижней информации" (см. Пример)

Добавление td:only-child вместе с td:not([colspan]):first-child является лучшим отрывком, который у меня есть, но он все еще портится с «нижней информацией», так как в ней есть только одна вещь.

В настоящее время я использую td:not([colspan]):first-child, который прекрасно работает, за исключением строк с одной ячейкой, которые растянуты по всей таблице с помощью colspan ..

1 Ответ

3 голосов
/ 18 сентября 2011

Почему бы не поместить границы top и left в элемент table и оставить их для ячеек? Нравится: http://jsfiddle.net/X3VMJ/6/

...