CSS规则未被应用

Question

我知道css选择器的顺序在样式表中很重要，但外部工作表的引用顺序是否重要？

我有一个引用2张纸的页面。主表中的规则之一是覆盖另一个表中的规则。重新排列引用没有帮助。我不知道该怎么做。

Answer 1

在您要强制执行的样式后重新!important。

示例：

p.my-style {
    color:#000;
    text-decoration:none !important;
}

Answer 2

属性后面的！important子句是让它优先于所有其他属性的可靠方法，但是你可以通过理解选择器的特异性以不同的方式解决它。对于CSS选择器特异性here的概念有一个很好的入门。

基本上，您将希望通过使用ID和更具体的标记/类/ ID层次结构使包含您希望“获胜”的属性的选择器更加具体化

Answer 3

当不同的规则具有相同的重要性，起源（页面作者，用户或用户代理）和特异性时，声明顺序用作打破平局。有关详细信息，请阅读CSS 2.1的“6.4.1 Cascading order”部分。

如果规则未应用，请确保选择器匹配并且具有与匹配相同元素的其他选择器相同或更高的特异性。检查一个好的CSS调试器中的元素。