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

在工作中，我被要求建立一个层次数据树（CSS HTML），显示谁负责谁，谁负责a组和B组，等等。。。我在codepen中发现了这棵伟大的数据树，但它只允许一位家长作为一个组的家长，而我需要它是两位甚至三位家长。不幸的是，我还不能发布图片，但这里有一个链接，我希望这个结构更像什么-我需要在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>

//添加任意数量的父对象

---

这很简单，你试过了吗？是的，我试着在孩子们周围放上两个家长包装纸，但没有真正起作用，我尝试了其他几种不同的li-ul变体，但没有什么乐趣？谢谢这种效果，除了当我添加

时，只有最后一个child link将突出显示其Children？我没有在您的评论中得到您想要的内容，因为您要求多个有孩子的父母。我已经发布了一个示例代码，您可以实现它，可能您还需要其他内容，如果是plz，请回复我。这就是我的内容，这就是我正在尝试的内容，不像我说的那么简单，抱歉。