html - 我可以让我的 HTML 列表忽略外部 CSS 吗？

Question

只是一个简单的问题。

我有一些我不想更改的外部 CSS...看起来我可能不得不更改。见下文。

li { line-height: 18px; margin-bottom: 12px; }

我想添加一个没有行高或边距的一次性列表...有没有办法让这个列表完全忽略 CSS？我尝试了下面的 !important 规则，但这并没有覆盖它。

.plist {
    list-style-type:disc;
    padding:0 !important;
    margin: 0 !important;
    line-height: 0 !important;

}

<ul class="plist">
        <li>All new OE Castings</li>
        <li>Enlarged intake and exhaust ports</li>
        <li>Large diameter stainless steel intake valves</li>
        <li>Large diameter inconel exhaust valves</li>
        <li>Hi-rev, dual valve springs</li>
        <li>Titanium retainers</li>
        <li>Hardened steel spring platforms</li>

    </ul>

有什么办法解决这个问题吗？您是否会建议我的 CSS 更加精确？

Answer 1

不要使用 !important。

最好的办法是为该列表创建一个新类，如果不能，请使用更具体的选择器来获得您想要的结果。

例如

.plist li {
    margin: 0;
    line-height: 0;
}