如何在css中删除element.style

Question

我正在使用Joomla 1.5。 我有一个页面，其中为<strong></strong>的标题添加了cSS

我骂了它，看起来像

element.style {
color:#666666;
}

我不知道它来自哪里..

但我有一个css申请与其他颜色相同的标签。 但它消失了。 如何全局删除element.style ..

Answer 1

可以从外部样式表覆盖内联样式

strong[style] { color: blue !important; } 

这适用于大多数主流浏览器，Chrome，Safari，Firefox，IE8

它在IE6 / IE7中不起作用（据我所知）

希望这可以帮助。

Answer 2

此代码来自HTML，而不是来自您的CSS。

这个HTML生成你的element.style：

<strong style="color:#666666;">Just text</strong>

正如名称所示，Element.style是元素上定义的样式，无法覆盖它。 如果您不想在该元素中使用该颜色，则必须在html上删除/更改它。

Answer 3

它似乎并不总是用HTML设置。 在我的例子中，element.style为空：

element.style {
}

它没有在任何CSS中设置，也没有在任何html源中设置。 我不知道我应该在哪里看。

Answer 4

内联样式是从HTML或（更常见的是这些天）javascript应用页面加载后生成样式生成的。

Jquery通常是其中的罪魁祸首，使用直接应用于覆盖样式表的元素的css执行动画。

例如，您可以显示，然后隐藏div，在元素上留下'display：none'，覆盖其前面的任何自然级联CSS。 当您使用javascript混合CSS转换和媒体查询时，通常会出现这种情况。

检查您的JavaScript是否有任何应用样式的实例。

尝试在动画上使用回调函数来清除样式：

$(this).css( "display", "" );