如何设置多级列表的直接子级？

Question

我有一个如下所示的多级 ul 列表。

 <ul> <li> <a href="/"></a> </li> <li> <a href="/"> </a> <ul> <li> <a href="/"></a> <ul> <li> <a href="/"></a> </li> <li> <a href="/"></a> <ul> <li> <a href="/"></a> </li> <li> <a href="/"></a> </li> </ul> </li> </ul> </li> <li> <a href="/"></a> </li> </li> </li> </ul>

可能会插入更多级别。

所以我希望每个 ul > li > a 都有一个 padding-left+10 它的父标签。

Answer 1

您可以使用 forloop 一次为所有锚标签添加 ZC7A62​​8CBA22E28EB17B5F5C6AE2A266AZ。 在锚标签中添加 class 以通过 class 获取元素

var lis = document.getElementByClass("link").getElementsByTagName("li");

在此之后，您可以使用 javascript 实现 ZC7A62​​8CBA22E28EB17B5F5C6AE2A266AZ：

var sheet = window.document.styleSheets[0]; sheet.insertRule('a { padding-left: 50px; }', sheet.cssRules.length);