將定向邊添加到基於CSS的圖形可視化器

Question

請參閱this基於CSS的圖形化可視化。任何想法什麼是最簡單的方法添加方向邊緣（例如邊緣箭頭）？

Answer 1

將您的<li>內容換成<span>標籤和樣式的僞元素以達到適當的結果。您不得使用ASCII字符，背景或純CSS三角形。

http://jsfiddle.net/ndozdw00/1/

.tree li span:after{ 
    content: "▼"; 
    position: absolute; 
    left: 50%; 
    width: 10px; 
    margin-left: -5px; 
    top: 10px; 
    z-index: 100; 
}