【发布时间】：2012-11-02 04:16:37
【问题描述】：
我正在使用的设计具有不同的背景用于交替列。是否可以为每列设置不同的平铺背景，
例如
column:nth-child(n+1) {background:url(tile1.gif) repeat-x; }
或者我是否必须依靠每两列平铺的巨大背景图像？
【问题讨论】：
-
你的意思是
column:nth-child(even)和column:nth-child(odd)吗？ -
我不这么认为，但是 +1 表示将此添加到 W3C 的草案中。
-
@JulesMazur：虽然（
::nth-column()伪元素？）作为选择器实现起来非常困难，特别是考虑到它目前在多列布局模块中的指定方式。column:nth-...不能使用，因为column应该针对<column>元素，并且不能保证在 HTML5 中不存在或在任何其他语言中不存在（另外已经有<col>用于表格）。 -
好点。假设这可以通过放置 div 以使每列由单个 div 占据，然后选择那些？
-
@JulesMazur，你无法控制你的 div 是否会以每一列结尾，你的 div 也不一定会拉伸以适应每一列:(
标签： css css-selectors multiple-columns