Question

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

我的网站上有一张表，如下所示：

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

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

我想格式化我的表（td，tr，th）的从属元素，而不为每个td元素编写<td class="display">。

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

有人能帮助我吗？

西瓦

Answer 1

怎么样：

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

Answer 2

它有点冗长，但是......

.display>thead>tr>td, .display>thead>tr>th,
  .display>tbody>tr>td, .display>tbody>tr>th,
  .display>tfoot>tr>td, .display>tfoot>tr>th,
  .display>tr>td, .display>tr>th {
    /* apply styles here */
}

这将仅将样式应用于属于右表（具有class="display"）的单元格。

一旦CSS4广泛使用，您就可以：

.display>:matches(thead,tbody,tfoot)>tr>:matches(td,th) {
    /* apply styles here */
}

HTML / CSS - 格式从属元素

2 个答案: