如何从特定类的父元素中选择一组子元素？

Question

如果我有一个表格，如下例所示：

<table class="detailView">
   <tr>
      <td>Value1</td>
      <td>value2</td>
   </tr>
</table>

如果表格为 <tr>，我如何设置<td>和class="detailView"元素的样式？

Answer 1

使用CSS类选择器：

table.detailView tr {
    // your CSS properties
}

table.detailView td {
    // your CSS properties
}

如果您的表没有detailView类，则不会应用任何样式。