Javascript CSS3列的第n个子级

我正在使用，但我想单独控制每个列，以便为偶数/奇数列设置不同的背景

我希望结果如下图所示：

html内容：

<div id="content">
    content body text content body text content body text 
    content body text content body text content body text content body text
    content body text content body text content body text content body text
    content body text content body text content body text content body text 
    content body text content body text content body text content body text 
    content body text content body text content body text content body text 
    content body text content body text content body text content body text 
</div>

我想使用类似于：

column:nth-child(even)
{
   background:#0000ff;
}

我可以使用酒店吗？或者我可以使用任何javascript解决方案来获取任何单个列的选择器吗

请给出您的建议解决方案

---

提前感谢您

为样式添加绝对定位背景块

大概是这样的：

#bg1 {
  position: absolute; 
  width:30%;
  height:100%;
  background-color:green;
  z-index:-1;
}

---

我认为没有办法做到这一点。你知道WebKit以外的其他渲染引擎支持CSS3列吗？@FelipeAls，前缀（-moz-for FF）。反过来说：你的小提琴只在WebKit上工作。并不是每个网络开发人员都使用WebKit/Blink浏览器（我吓到任何人了吗？），最终用户也是如此。@FelipeAls，答案不是小提琴，小提琴是概念；因此，我们不应该成为一个有现成解决方案的地方，我们应该始终允许思考）@vp_arth：没有人说过任何现成的解决方案。关键是，让您的所有答案都特定于WebKit会使一种错误的观念永久化，即WebKit是一种我们都可以依赖的标准参考实现，它是CSS的终极目标。事实并非如此；这是最糟糕的例子之一。我不明白这个问题怎么不是关于CSS3多列布局的。

#bg1 {
  position: absolute; 
  width:30%;
  height:100%;
  background-color:green;
  z-index:-1;
}