html - CSS 选择器 : Possible to select ONLY the second element?

Question

这可能吗？

<div class="column">
    <div> 
        <div> 
        </div>    
        <div> <!-- Definitely not this DIV! -->
        </div>    
    </div>
    <div>     <!-- THIS DIV ONLY! -->
    </div>    
</div>

下面的 CSS 选择器得到我标记为“绝对不是这个 DIV!”的那个。

.column div:last-child {
    background-color:red;
}

下面的 CSS 选择器得到了我想要的和我标记为“绝对不是这个 DIV!”的那个。

.column div + div {
    background-color:red;
}

这个也一样:它得到了我想要的那个和我标记为“绝对不是这个 DIV!”的那个。

.column div:first-child + div {
    background-color:red;
}

问题:这甚至可以用 IE7 识别的 CSS 来处理吗？ (我假设我的解决方案适用于 FF、Safari、Chrome，而 X:nth-child(n) 仅适用于 IE9+)谢谢。

Answer 1

应该这样做。

#column > div:first-child + div

您正在使用类选择器来选择具有 ID 的元素。

您可能需要查看 CSS Selectors ，因为它是直接后代和同级选择器，可以让您巧妙地选择特定的 DOM 元素。