HTML/CSS - 格式化从属元素

Question

我有一个非常基本的问题，但我不确定如何表达它，所以我会尝试:

我的网站上有一个表格，看起来像这样:

<table class="display" width="100%">

.display td tr th
{
    vertical-align: middle;
    padding: 5px 5px 5px 5px;
}

我想格式化我的表的从属元素(td，tr，th)而不写<td class="display">对于每个 td 元素。

我不想更改 td、tr 或 th，因为我正在使用我网站上的其他表格，这些表格不应受到影响。

有人可以帮帮我吗？

希凡

Answer 1

怎么样:

table.display > tr > td {
    vertical-align: middle;
    padding: 5px 5px 5px 5px;
}