选择其他父母的孩子

Question

我有一个像这样的HTML模板：

<div id = "container">

   <div class = "status">
      <div class ="dynamic"></div>
   </div>

   <div class = "status">
      <div class ="dynamic"></div>
   </div>

   <div class = "status">
      <div class ="dynamic"></div>
   </div>

   <div class = "status">
      <div class ="dynamic"></div>
   </div>

</div>

是否可以使用CSS或jQuery更改其他.status的{​​{1}}的背景？

Answer 1

您可以在纯CSS中执行此操作：

#container > .status:nth-child(2n+1) > .dynamic {
    /* Change the background */
}

(Here’s a demo!)

Answer 2

这可以通过CSS完成：

#container > .status:nth-child(2n) > .dynamic { background: whatever-you-want; }

或

#container > .status:nth-child(2n+1) > .dynamic { background: whatever-you-want; }

Answer 3

尝试

$('.status:odd .dynamic').css('color', 'blue')

或

$('.dynamic:even').css('color', 'blue')

演示：fiddle