Css установил границу none для последней таблицы tr

0

У меня есть код ниже css для установки границы на всех td:

table td {
    border-bottom: 1px dotted #706E6D;
    direction: rtl;
    line-height: 30px;
    vertical-align: middle;
}

Я хочу установить border:none; для последнего tr (это может иметь любой td).

table tr:last-child  {
    border: none;
}
Теги:
css-selectors

2 ответа

2
Лучший ответ

Вы применяете правила границ к элементам td. Таким образом, вам также необходимо удалить его из td последнего tr, как это.

table tr:last-child td  {
    border: none;
}

Демо-версия Js Fiddle

1

Я предполагаю, что вы хотите, чтобы все ячейки таблицы в последней строке не имели границы. Измените правило CSS на:

table tr:last-child td {
    border: none;
}

Ещё вопросы

Сообщество Overcoder
Наверх
Меню