Таблица CSS nthchild () последний тд не показывает границу

Question

Я пытаюсь показать таблицы td как одну с границей и одну без границы внизу. Все работает, но когда дело доходит до последнего тд таблицы, border-bottom не работает.

Более того, он вообще не работает в IE:

.moduletablehome table tbody tr td:nth-child(odd) {
    margin: 4px;
    padding: 4px;
    border-right: 1px solid;
    border-bottom: 1px dotted;
    overflow: hidden;
}
.moduletablehome table tbody tr td:nth-child(even) {
    margin: 4px;
    padding: 4px;
    border-bottom: 1px dotted;
    overflow: hidden;
}

Вот ссылка jsfiddle: jsfiddle.net / EC6dW / 2 .

Answer 1

Для работы с IE вам необходимо использовать Javascript / JQuery.

Вот краткое руководство http://verboselogging.com/2010/01/17/making-nth-child-work-everywhere

Answer 2

наконец, я получил решение,

Я дал пунктирную границу пунктирной линией tr

и удалил нижнюю границу обоих тд

Answer 3

Я пытаюсь показать таблицы td как одну с границей и одну без границы снизу.

Ваш код задает нижнюю границу для обоих случаев, поэтому яне уверен, что это то, что вы хотите?Как вы понимаете, разница между нечетным и четным случаями заключается в border-right, поэтому, возможно, вы хотели переключиться на border-bottom и border-right?.

Я очистил ваш jsfiddle до того, что я думалбыл необходимый минимум: http://jsfiddle.net/EC6dW/5/ и увидел, что я ожидал от вашего css.(Я изменил четные tds, чтобы использовать border-bottom: 1px dotted, как в вашем вопросе, вместо 1px solid, как вы использовали в jsfiddle).