覆盖CSS样式或添加到它?

时间:2013-05-02 16:57:04

标签: html css override

我有一个具有大量CSS格式的模板,但现在当我尝试添加文本时,我无法添加任何格式。在段落中,我尝试使用上标,斜体,但没有任何作用。有办法解决这个问题吗?

1 个答案:

答案 0 :(得分:1)

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

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

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

例如,如果您有像

这样的CSS
#home{color : blue;}
.current{color : orange;}

由于#home“更强”,文字将为蓝色

如果我们将值放到selector:id = 10 class = 5 node selector(div)= 1

所以#home = 10并高于。当前等于5,#homestyles将覆盖。

你可以使用li.current但是再次,5 + 1 = 6它低于id。

但#home.current将等于15!这将超越#home风格!

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

.current{
    color: blue !important;
}

它将覆盖每个css,但不建议这样做。

请注意,我使用的值不是确切的值,因此.parentClass .class可能不会超过ID而我找不到原始值...但请记住,您的选择性越高,你越有可能覆盖一种风格。

最后,如果你有两个具有相同值的选择器,那么最后一个被调用的将是一个覆盖。

使用chrome检查器或firebug来查看什么是覆盖什么。