我試圖通過類將 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 關注
- 99 瀏覽
添加回答
舉報
0/150
提交
取消