Załóżmy, że mamy następujący fragment kodu HTML:

<table class="tabela">
<tr class="wiersz">
<td>komórka 1</td>
<td>komórka N</td>
<td>
<table class="wewnetrzna">
<tr>
<td></td>
<tr>
</table>
</td>
<tr>
</tabela>

.tabela .wiersz td {
padding 10px;
}

.wewnetrzna tr td {
padding: 5px;
}

Problem w tym, że tabela wewnętrzna dziedziczy cechy po tabeli zewnętrznej.
Padding dla komórki wewnętrznej wynosi więc 10px zamiast 5px. Czy istnieje
możliwość w CSS wymyszenia aby tabela wewnętrzna nie dziedziczyła niczego
po rodzicu? Ta tabela wewnętrzna będzie używana w różnych miejscach kodu
HTML i nie chcę aby jakaś przypadkowa właściwość rodzica przedarła się do
jej wnętrza. Odpada więc stosowanie !important do każdego atrybutu stylu.