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

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该类,则不会应用任何样式.