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

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 类，则不会应用任何样式。