html - 覆盖 CSS 样式还是添加它？

Question

我有一个包含大量 CSS 格式的模板，但现在当我尝试添加我的文本时，我无法向其添加任何格式。在一个段落中，我尝试放置上标、斜体，但没有任何效果。有解决办法吗？

Answer 1

这里有一些关于覆盖 CSS 的解释

我将以这个简单的 HTML 为例:

<div id='home' class='current'></div>

例如，如果你有一个像这样的 CSS

#home{color : blue;}
.current{color : orange;}

文本将是蓝色的，因为#home“更强”

如果我们将值放入选择器:id=10 class=5 节点选择器 (div) = 1

所以 #home = 10 并且高于 .current 等于 5，#homestyles 将覆盖。

您可以使用 li.current，但同样，5+1=6 低于 id。

但是#home.current 将等于 15!这将覆盖#home 样式!

但是，如果您的颜色样式在属性 style=""中的节点本身上，则必须使用 jquery 将其删除或使用 !important :

.current{
    color: blue !important;
}

它会覆盖所有的 css，但不推荐。

请注意，我使用的值不是准确的值，因此 .parentClass .class 可能不会超过 id，我找不到原始值...但请记住你越挑剔，就越有可能覆盖样式。

最后，如果您有 2 个具有相同值的选择器，则最后一个被调用的将被覆盖。

使用 chrome inspector 或 firebug 查看覆盖了什么。