相关疑难解决方法(0)

nth-child没有按预期工作

当我将div与我使用nth-child的对象一起添加时,它似乎变得越来越多.

我会感激任何帮助.

<html>
<style>
.documents > a:nth-child(2) {
    border:1px solid red;
}
</style>

<div class="documents">
    <!-- NO DIVS: WORKS FINE -->
    <a href="#">Test</a>
    <a href="#">Test</a>
    <a href="#">Test</a>
    <a href="#">Test</a>
</div>
<br />
<div class="documents">
    <div></div><!-- ONE DIV: STARTS WITH THE FIRST OBJECT -->
    <a href="#">Test</a>
    <a href="#">Test</a>
    <a href="#">Test</a>
    <a href="#">Test</a>
</div>
<br />
<div class="documents">
    <div></div><div></div><!-- TWO DIVS: DOES NOT WORK -->
    <a href="#">Test</a>
    <a href="#">Test</a>
    <a href="#">Test</a>
    <a href="#">Test</a>
</div>
</html>

Run Code Online (Sandbox Code Playgroud)

http://jsfiddle.net/nwrhU/

html css css-selectors css3

Chr*_*ris

2013 01-29

8
推荐指数

1
解决办法

6301
查看次数