таблица: последний ребенок не работает

Question

У меня есть что-то вроде этого

<table>
  <tr>
    <td>First table</td>
  </tr>
</table>

<table>
  <tr>
    <td>Second table</td>
  </tr>
</table>

и следующий CSS

table {
  margin-bottom:40px;
}
table:last-child {
  margin-bottom:0px;
}

Но ко второй таблице все еще применяется поле margin-bottom. Ват делать?

Answer 1

@ Квентин прав, что ваш код не воспроизводит описанную вами проблему.

Я собираюсь угадать, в чем проблема.

table:last-child не означает "последняя" table в родительском элементе ".

Это на самом деле означает" последний элемент в родительском элементе , если это table ".

Например, учитывая этоHTML table:last-child ничего не выберет:

<div>
    <table>
        ..
    </table>

    <table>
        ..
    </table>

    <div>I'm the last child</div>
</div>

Answer 2

Вы можете попробовать использовать table:last-of-type.

Оба селектора не будут работать в IE8 и ниже