CSS层次结构 div>table>td>id>class

Question

我想定位“order_bar_active”类，但我没有得到正确的层次结构。

<div class="order_bar">
<table class="order_bar">
<tbody>
<tr>
<td id="adress_data_bar" class="order_bar_active">
</td></tr></tbody></table></div>

编辑:class="order_bar_active" 不是唯一的，所以我需要使用唯一的 id="adress_data_bar" 来定义它.

编辑 #2:我的具体问题的解决方案是:

table.order_bar #adress_data_bar.order_bar_active {
}

Answer 1

在您的示例中，order_bar_active 类是唯一的此类，因此您只需要

.order_bar_active {
  your rules
}

进一步编辑 order_bar_active 不是唯一的，您可以将类名附加到唯一 ID，如下所示:

#address_data_bar.order_bar_active {
  your rules
}