当我将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>