CSS Hierarchy div> table> td> id> class

时间:2014-06-04 09:15:51

标签: css html-table hierarchy

我想定位“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 {
}

1 个答案:

答案 0 :(得分:3)

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

.order_bar_active {
  your rules
}

对于order_bar_active不唯一的编辑,您可以将类名附加到唯一ID,如下所示:

#address_data_bar.order_bar_active {
  your rules
}