小编Pra*_*rti的帖子

我想创建一个具有多个父级的树形图。这个想法是为 Dota 2 项目创建一个图表，其中几个项目可以变成一个单一的项目（加上一个配方），和/或一个项目可以变成多种可能性（多个父项目）。

我的参考资料之一来自代码播放器的代码。

到目前为止，这是我在 jsfiddle 上的工作。

<div class="items">
  <ul>
    <li>
        <a href="#" class="">Dagon</a>
        <a href="#" class="">Veil of Discord</a>
        <a href="#" class="">Other Parent Item</a>
      <ul>
        <li>
          <a href="#">Null Talisman</a>
            <ul>
            <li><a href="#">Circlet</a></li>
            <li><a href="#">Mantle of Intelligence</a></li>
            <li><a href="#">Recipe: Null Talisman</a></li>
          </ul>
        </li>
      </ul>
    </li>
  </ul>
</div>

CSS

<style type="text/css">
* {
  margin: 0 auto;
  padding: 0;
  text-align: center;
  color: black;
  font-family: tahoma;
}

.items ul {
  padding-top: 20px;
  position: relative;
}

/* Make …