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的直接子女（这不是您的情况）。

只需避开那里的>：

＆＃13;

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

＆＃13;

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

＆＃13;

或者使用完全树：#unique_id > div > div > .common_class > table（但您确实不应该使用此类css）。

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

1 个答案: