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！Wich 将超越#home 风格！

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

.current{
    color: blue !important;
}

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

请注意，我使用的值不是确切的值，因此.parentClass .class可能不会超过 id 并且我找不到原始值...但请记住，您的选择性越强，您必须覆盖的机会就越大一种风格。

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

使用 chrome 检查器或萤火虫来查看覆盖了什么。