단락 번호 매기기 및 사이드 넘버가있는 CSS 스타일 단락

Question

단락 번호 및 부업 노트가있는 웹에 텍스트를 삽입하려고합니다. 나는 Huckleberry Finn을 테스트로 사용하고 있는데, 도움을 청했습니다. earlier 그리고 나는 진전을 이루었습니다.

하지만 지금 다른 문제가 있습니다. 사이드 노트가 작동하도록 할 수는 있지만 단락 스타일을 벗어나는 경우에만 가능합니다 (링크가 새내기의 링크 제한으로 인해 제거됨 참조). 이것은 나쁜 프로그래밍처럼 보일뿐만 아니라 "p + p"들여 쓰기 체계를 망칩니다. 하지만 이 누락되면이 삭제되지 않고 사이드 넘버가 고유 한 단락 번호를 가지며 모든 것이 완전히 망가집니다 (새내기의 링크 제한으로 인해 링크가 제거됨 참조).

누구든지 무엇을 해야할지 알고 있습니까? 감사.

EDIT # 1 : 아래 bbg에서 권장하는 p.text 아이디어를 사용하려고 시도했지만 들여 쓰기 체계가 여전히 엉망입니다. 나는 p.text:before 및 p.text + p.text과 비슷한 변형을 시도했지만 아무 것도 작동하지 않는 것 같습니다. 나는 내 마음을 잃어 가고있다.

EDIT # 2 : 도움말을 얻기 위해 jsFiddle 화면에서 시각적으로 쉽게 알아볼 수 있도록 너비를 조정했습니다. (1) 누락 된 부업 → 압입 실패 : http://jsfiddle.net/Keh65/5/. (2) 탈락하지 않은 부업 → 넘버링/모든 실패 : http://jsfiddle.net/Keh65/6/.

Answer 1

@ Dave2; 귀하의 질문을 이해할 때마다 that's을 원할 수 있습니다. 내가 옳지 않다면 말해주십시오. 내가 대신의 span을 제공 .sidenot &에서 p을 제거하고 p ~ p 대신 p + p & 줄입니다.

Answer 2

본문 단락에 다른 단락 이름 (나는 class="text"을 사용)을 추가하여 메모 단락과 구별합니다.

<p class="text"> 

그런 다음 증분 정의하는 새로운 클래스 이름을 사용 : '단락'사용자가 선택한 카운터에 대한 임의의 이름임을

p.text { 
    counter-increment: paragraph; 
} 

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

참고하고 필요는 없다 html <p> 요소에 묶여 있습니다.