css - CSS：如何更改已经有“font-size: 0.9em !important”的字体大小

Question

如何更改已经具有“font-size: 0.9em !important”的字体大小？是否有另一种方法可以间接使用font或其他属性来更改字体大小？我问是因为我有一个外部 CSS，我不能直接修改它。

score 3 · Accepted Answer

只要您的外部 CSS 在包含该!important属性的原始样式表之后加载，您应该能够通过!important再次使用并确保选择器是 AS 或比原始选择器更具体来覆盖它。

例如，如果您最初有：

#main p {
    font-size: 0.9em !important;
}

你应该能够像这样覆盖：

#main .content-area p {
    font-size: 0.9em !important;
}

如果它比原始版本更具体，无论它是在原始版本之前还是之后，它都应该有效，但如果它同样具体，则覆盖需要放在最后。我不确定，但我认为也适用!important于内联样式也可能会覆盖它。

您可能需要阅读具体内容才能理解这一点，但一般而言，#ID 比 .class 更具体，而 .class 比元素更具体（例如p）。

score 1 · Accepted Answer

你可以在原来的important之后再添加一个important规则，或者定义一个更具体的css规则来覆盖原来的

// less important
table {
   // xxx !important
}

// more important
#id table {
   // xxx !important
}

score 0 · Accepted Answer

这是一篇关于点/权重和 CSS 特异性的文章值得一读：

score 0 · Accepted Answer

您可以将 JavaScript 文件添加到您的页面吗？当页面以这种方式加载时，您可以覆盖它。

4 回答 4