html - 计数器之前的 CSS 对 div 不起作用

Question

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

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

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

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

[在 Daniels 和 dTDesign 的回答/评论之后编辑]

@dTDesign

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

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

更新：

它现在工作正常：

score 1 · Accepted Answer

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

编辑：对不起，我显然对 HTML5 不够习惯。<main>在 HTML5 中是非常公认的标签。:)