CSS3多列布局：如何为特定列设置样式

Question

我想在CSS多列布局中加粗第一列**bold**

<div style="columns:12em">Lorem ipsum dolor sit amet, consectetur adipisicing elit, 
sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, 
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. 
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat 
nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa 
qui officia deserunt mollit anim id est laborum</div>

有可能吗？

编辑： 由于这个问题将回答我的问题和帖子的问题，所以我想加入我的问题......

问： 通过javascript/jquery可以知道列在哪个字符被分割吗？

- Ryan

---

使用CSS的:first-child选择器来选择给定选择器的第一个元素。您可以在http://reference.sitepoint.com/css/pseudoclass-firstchild找到更多信息。这里还有一个例子：http://tinkerbin.com/XY5QpQCA - Breezer

@Breezer：这个 div 没有子元素。 - BoltClock

@BoltClock 是的，我在某个地方弄错了，代码是关于CSS3列的。 - Breezer

Answer 1

虽然回答有点简短，但是答案是“不行”-至少W3C的官方规范中没有说明可以这样做spec。

- João Paulo Macedo

---

你比我快！我也刚看过那个！如果确实需要的话，你可以使用CSS区域来进行样式设置，但这在任何地方都不被完全支持。 - Rich Bradshaw

呵呵，抱歉 ;) 无法等待所有这些新的 CSS 功能得到支持。 - João Paulo Macedo

每次引入新的CSS模块时，我都会对CSS3能否成为完整标准的想法感到好笑。现在它已经不再像以前那样工作了。 - BoltClock

这其实是一件好事，特别是对于网页设计师而言，它意味着有两个阵营：旧的“我们使用HTML4 + CSS2.1，因为它是标准化的”，和新的“我们的网站在任何可能的情况下都更美观、加载更快、更具交互性”。我们肯定能够通过提供更好的东西赢得业务！ - Rich Bradshaw

Answer 2

虽然你的问题的答案是否定的，但问题仍然是为什么你想这样做呢？也许将你的文本第一段加粗就足够了？这在杂志等印刷品中经常使用并且很容易实现。

- Ridcully