부모 - 자식 CSS 트리

Question

CSS를 사용하여 트리 구조 계층 구조로 작업하고 있는데 약간의 도움이 필요합니다. 두 부모가 하나의 하위 링크를 갖고 싶어 콘텐츠 요소에서 문자 a을 제거하면 CSS ::after 선택자에 border-left이 정의되어 있지 않습니다.

여기 내 결과는 jsFiddle입니다.

어떻게 해결할 수 있습니까?

Answer 1

해키 솔루션은 http://jsfiddle.net/6jsJv/3/

Answer 2

content:''; 

그냥 오히려 content:'a';을 언급보다 content:'';에 빈 매개 변수를 시도 content:'a';

content:' ';에 변경하는 것입니다. content 속성은 생성 된 내용을 삽입하기 위해 :before 및 :after 의사 요소와 함께 사용됩니다.