如何将表css应用于此结构？

Question

我有这个HTML标记：

<div class="entry-content"><table>
<thead>
<tr>
<th></th>
<th><strong>32nd</strong>  </th>
<th> <strong>Decimal</strong></th>
</tr>
...

如何指定将一组表格样式专门应用于条目内容类宽度中的表格？

我在我的.css中试过这样：

#entry-content {
  .table { 

但它不起作用。

修改

它必须非常特定于这种结构。即css必须仅适用于

.entry-content table 

不是

.entry-content p table 

否则css可能会填充也使用table

的布局

Answer 1

使用此CSS选择器。

.entry-content table{
   //styles here
}

如果您要将样式应用于tr和th，请使用此选择器

.entry-content table tr{
   //some styles
}

.entry-content table th{
   //some styles
}

修改

上面的选择器选择.entry-content内的任何表（不仅仅是直接子），即使该表位于div内的另一个.entry-content内。

为了选择.entry-content的直接子/表，请使用此选择器：

.entry-content > table{
    //some style
}