CSS样式的段落，带有段落编号和旁注

Question

我想在网页上添加段落编号和旁注。我正在使用Huckleberry Finn作为测试，我求助earlier，我一直在取得进步。

但现在我遇到了另一个问题。我可以使用旁注来工作，但只能删除主要段落样式（请参阅由于新手的链接限制而删除的链接）。这看起来不仅仅是错误的编程，而且还搞砸了“p + p”缩进方案。但是，如果我不退出，那么旁注会得到他们自己的段落编号，一切都完全毁了（请参阅链接因为新手的链接限制而被删除）。

有谁知道该怎么办？感谢。

编辑＃1：我试图利用下面bbg推荐的p.text理念，但缩进方案仍然搞砸了。我尝试了p.text:before和p.text + p.text以及类似的变体，但似乎没有任何效果。我正在失去理智。

编辑＃2：为了吸引帮助，我调整了宽度，以便在jsFiddle屏幕中更容易直观地拍摄。 （1）删除的注释→缩进失败：http://jsfiddle.net/Keh65/5/。 （2）未删除的侧注→编号/一切失败：http://jsfiddle.net/Keh65/6/。

Answer 1

@ Dave2;据我所知，你的问题可能是that's你想要的。如果我不对，请告诉我。 我要p ~ p代替p + p＆amp;我将从p＆amp;移除.sidenot给定span代替它。

Answer 2

为主体段落添加另一个类名（我使用class="text"），以区别于注释段落。

<p class="text">

然后使用新的类名来定义增量：

p.text {
   counter-increment: paragraph;  
}

http://jsfiddle.net/Keh65/3/

请注意，“段落”是您选择的计数器的任意名称，并不一定与html <p>元素绑定。