计数器之前的 CSS 对 div 不起作用答案

【问题标题】：CSS before counter not working on div计数器之前的 CSS 对 div 不起作用
【发布时间】：2013-11-20 11:55:51
【问题描述】：

我无法在输入元素之前显示内容。

在这个 plunker 上你可以看到 input:before 应该显示一些东西，但它没有显示任何东西

1) 如果我将其更改为p:before，它会在p 之前显示内容，但没有增加值，我应该在那里更改什么？

2) 为什么它不显示input:before 的值？

[根据 Daniels 和 dTDesign 的回答/cmets 进行编辑]

@dTDesign

我将其更改为p，它现在添加了内容，并结合@Daniel 的回答（我将.main 更改为main），我在段落前面显示了正确递增的内容。

所以你可以在 HTML5 中使用 main。

更新：

现在可以正常使用了：

【问题讨论】：

【解决方案1】：

对于您的第一个问题，您需要将counter-reset: input_counter; 放在父元素（例如正文）中以启动它。现在您尝试在 .main 上执行此操作，但据我所知，这样的元素不存在（您确实有一个名为 main 的标签，但这是完全不同的事情）。

编辑：抱歉，我显然对 HTML5 不够熟悉。 <main> 在 HTML5 中非常被接受。 :)

【讨论】：