如何在没有firstChild或nth-child()的情况下选择孩子的孩子？

Question

我有这样一张桌子:

<div id="unique_id">
    <div></div>
    <div>
        <div>
            <div class="common_class">
                <table>
                </table>
            </div>
        </div>
    </div>
</div>

我想在common_class中选择表,但是,我正在接收其他东西.我想要像:

#unique_id > .common_class > table

但是,这不起作用.为了工作,div.common_class必须是div#unique_id的孩子.

注意:我必须支持IE7,所以没有nth-child()选择器.此外,我试图避免JavaScript.注意:firstChild是允许的,但我正在寻找第二个div.

GC

Answer 1

#unique_id > .common_class要求.common_class成为直接的孩子#unique_id(这不是你的情况).

只是避免>那里:

#unique_id .common_class > table {
  width: 100px;
  height: 100px;
  border: 1px solid red;
}

<div id="unique_id">
    <div></div>
    <div>
        <div>
            <div class="common_class">
                <table>
                </table>
            </div>
        </div>
    </div>
</div>

或者使用确切的树:( #unique_id > div > div > .common_class > table但你真的不应该使用这种css).