小编Car*_*ola的帖子

CSS nth-of-type不合逻辑

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/

css-selectors css3

3
推荐指数
1
解决办法
88
查看次数

标签 统计

css-selectors ×1

css3 ×1