我可以让我的 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。

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

例如

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

Answer 2

我不确定在这种情况下它是否对您有帮助，但在 css 属性上使用 inherit 应该可以。

例如:

.plist li#specialList {
    margin: inherit;
    line-height: inherit;
}

Answer 3

不要在此代码中使用 important

//试试这个代码

.plist {

list-style-type:disc;

padding:0px;

margin:0px;


line-height:0px ;

}

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

Can I get my HTML List to ignore External CSS?

html

css

html-lists