CSS:
.banner:nth-of-type(1) {background-color:red;}
.banner:nth-of-type(2) {background-color:blue;}
Run Code Online (Sandbox Code Playgroud)
HTML:
<div id="container">
<div class="copy">copy 1</div>
<div class="banner">banner 1</div>
<div class="copy">copy 1</div>
<div class="banner">banner 2</div>
<div class="copy">copy 1</div>
<div class="banner">banner 3</div>
<div class="banner">banner 4</div>
</div>
Run Code Online (Sandbox Code Playgroud)
.banner不管其他兄弟元素是什么,CSS不应该计算元素吗?
我期待横幅1有红色背景,横幅2有蓝色背景,但是获得横幅1的蓝色背景和横幅2没有背景 - 如果我使用的话,我会期待这个nth-child(n).在这里查看我的小提琴:http://jsfiddle.net/JjNBV/3/