帶段落編號和旁註的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 &我正在從.sidenot刪除p &給出span而不是它。

Answer 2

爲主體段落添加另一個類名稱（我使用class="text"），以將它們與註釋段落區分開來。

<p class="text"> 

然後使用新的類名來定義增量：

p.text { 
    counter-increment: paragraph; 
} 

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

注意「款」是你選擇的計數器任意名稱，而不一定綁定到html <p>元素。