重置列表sass / css

Question

我正在尝试通过一个类将ul和li重置为其默认行为，但是我遇到了麻烦。我曾尝试使用inherit和initial，但这不起作用。

这是我到目前为止的内容：

ul, li {
    margin: 0;
    padding: 0;
}

因此，在这种情况下，我想拥有一个名为.list-unset的类，该类会将子DOM设置为浏览器默认值，而不采用margin: 0和padding: 0。

我尝试过：

.list-unset {
    ul, li {
        margin: unset;
        padding: unset;
    }
}

但是那没用。

Answer 1

重置<ul>元素的“正确”方法是使用inherit：

inherit

ul, li {
  margin: 0;
  padding: 0;
}

ul.unset, ul.unset > li {
  margin: inherit;
  padding: inherit;
}

但是，请记住，此值是从其父元素继承的。应用于父级的任何规则（如果有）将应用于目标。如果未设置任何规则，则它将设置为默认值，如上所述。

如果失败，您可以将默认的

<ul>
  <li>One</li>
  <li>Two</li>
  <li>Three</li>
</ul>

<ul class="unset">
  <li>One</li>
  <li>Two</li>
  <li>Three</li>
</ul>

样式手动应用于目标元素，确保您应用更高的<ul>：

specificity