html - CSS中具有多个父级的数据树

在工作中，我被要求组成一个分层的数据树（使用CSS HTML），以显示谁负责谁，谁负责A组和B组，依此类推...我在Codepen中发现了这个很棒的数据树http://codepen.io/chuongdang/pen/lcnsC，但它只允许一个父母成为该组的父母，而我需要它成为两个甚至三个。不幸的是，我还不能发布图像，但这是我希望结构更像的链接-imgur我必须在CSS / HTML中更改什么才能具有多个父节点？

谢谢

最佳答案

你可以试试这个

<div class="tree">
<ul>

    <li>
        <a href="#">Parent1</a>
        <a href="#">Parent2</a>   //Add any Number of Parents
        <ul>
            <li>
                <a href="#">Child</a>
                <ul>
                    <li>
                        <a href="#">Grand Child</a>
                    </li>
                </ul>
            </li>
            <li>
                <a href="#">Child</a>
                <ul>
                    <li><a href="#">Grand Child</a></li>
                    <li>
                        <a href="#">Grand Child</a>
                        <ul>
                            <li>
                                <a href="#">Great Grand Child</a>
                            </li>
                            <li>
                                <a href="#">Great Grand Child</a>
                            </li>
                            <li>
                                <a href="#">Great Grand Child</a>
                            </li>
                        </ul>
                    </li>
                    <li><a href="#">Grand Child</a></li>
                </ul>
            </li>
        </ul>
    </li>
</ul>