覆盖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！ 威奇将超越＃居家风格！

但是，如果您的颜色样式位于属性style =“”中的节点本身上，则必须使用jquery删除它或使用！important：

.current{
    color: blue !important;
}

它会覆盖每个CSS，但不建议这样做。

请注意，我使用的值不完全是一个值，因此.parentClass .class可能不会超出ID，并且我无法找到原始值...但是请记住，选择越多，机会就越大您必须覆盖样式。

最后，如果您有两个具有相同值的选择器，则最后一个被调用的将是一个替代。

使用chrome inspector或firebug查看覆盖的内容。