将有向边添加到基于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;
}