我试图通过类将 ul 和 li 重置为其默认行为，但我遇到了麻烦。我尝试过使用inheritandinitial但这不起作用。这是我到目前为止所拥有的：ul, li { margin: 0; padding: 0;}因此，我希望在这种情况下有一个名为 的类.list-unset，它将把子 DOM 设置为浏览器默认值，而不是采用margin: 0和padding: 0。我努力了：.list-unset { ul, li { margin: unset; padding: unset; }}但这没有用。
1 回答
Qyouu
TA贡献1786条经验 获得超11个赞
重置元素的“正确”方法<ul>是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>样式应用于目标元素，确保应用更高的特异性：
ul, li {
margin: 0;
padding: 0;
}
ul.unset {
margin-left: 16px;
margin-top: 1em;
margin-bottom: 1em;
}
ul.unset > li {
margin: 1px 0;
}
<ul>
<li>One</li>
<li>Two</li>
<li>Three</li>
</ul>
<ul class="unset">
<li>One</li>
<li>Two</li>
<li>Three</li>
</ul>
- 1 回答
- 0 关注
- 44 浏览
添加回答
举报
0/150
提交
取消