CSS는 : 의사 클래스 및 콘텐츠 후 : 선언

Question

내가

이 바이올린보고 내용 추가 CSS :after를 사용하여 링크의 집합 사이에 파이프를 추가하기 위해 노력하고있어 : 어떤 이유 http://jsfiddle.net/gbPFR/1/

에게, 그것은 추가하는 것 파이프 대신에 <a> 태그가 있습니다. |

링크 1 :

기본적으로 내가 찾는 모든이 같은 목록을 얻을 수 있습니다 링크 2 | 링크 3

내가 뭘 잘못하고 있는지에 대한 제안이 있으십니까?

Answer 1

: after 의사 요소는 실제로 이런 방식으로 작동합니다. pseudo-element가 다음 형제로 삽입되지 않고 마지막 자식 요소로 삽입되므로 이름 지정이 다소 혼란 스럽습니다.

당신은 list-style-item을 사용해 볼 수도 있지만, 당신이 원하는 것이 아닌 것 같습니다.

Answer 2

다음과 같이 닻을 감싸 야합니다.

<ul> 
<li><a href="#">Test1</a></li> 
</ul> 

가 아론을 명확히하기위한 http://jsfiddle.net/atqNy/1/