Html 有没有办法将一个样式强制到一个已经有一个style="&引用;属性

Html 有没有办法将一个样式强制到一个已经有一个style="&引用;属性,html,css,Html,Css,我正在尝试对我无法控制的HTML输出进行蒙皮。其中一个元素是带有style=“overflow:auto”属性的div。 CSS中有没有办法强制div使用溢出:隐藏?据我所知,实际HTML元素上的样式会覆盖在单独的CSS样式中可以执行的任何操作 但是,您可以使用Javascript覆盖它。您可以添加!重要提示结束您的风格,如下所示: 元素{ 溢出:隐藏!重要; } 这是你通常不应该依赖的东西,但在你的情况下,这是最好的选择。更改Javascript中的值偏离了分离标记、表示和行为(html/c

我正在尝试对我无法控制的HTML输出进行蒙皮。其中一个元素是带有
style=“overflow:auto”
属性的
div


CSS中有没有办法强制
div
使用
溢出:隐藏

据我所知,实际HTML元素上的样式会覆盖在单独的CSS样式中可以执行的任何操作


但是,您可以使用Javascript覆盖它。

您可以添加
!重要提示
结束您的风格,如下所示:

元素{
溢出:隐藏!重要;
}

这是你通常不应该依赖的东西,但在你的情况下,这是最好的选择。更改Javascript中的值偏离了分离标记、表示和行为(html/css/Javascript)的最佳实践。

您是否尝试过设置
!重要信息
在CSS文件中?比如:

#mydiv{溢出:隐藏!重要;}

不确定这是否有效,尚未使用
溢出测试它

overflow:hidden !important

也许?

如果div有一个内联样式声明,那么在不更改源代码的情况下修改它的唯一方法就是使用JavaScript。CSS中的内联样式属性每次都“赢”。正如下面粘贴的W3C规范所解释的,Magnar是正确的。似乎是这样!添加了重要关键字以允许用户覆盖元素级别的“烘焙”样式设置。由于您无法控制html,因此这可能是您的最佳选择,尽管这不是一种正常的设计模式

摘录:

6.4.2!重要规则 CSS试图在作者风格和用户风格之间建立一种力量平衡 被单。默认情况下,在 作者的样式表将覆盖中的样式表 用户的样式表(请参见级联规则 3).

“!”和“重要”遵循 声明)优先于 正常申报。作者和作者 用户样式表可能包含 “!重要”声明和用户 “!重要”规则覆盖作者 “!重要”规则。此CSS功能 通过以下方式提高文档的可访问性: 为用户提供特殊要求 (大字体、颜色组合、, 等)对演示的控制

Note. This is a semantic change since CSS1. In CSS1, author
“!重要”规则优先 超过用户“!重要”规则

“!important”相当于 将其所有子属性声明为 要“重要”

包含一个“!重要”声明, 它将覆盖相应的 作者风格的声明 床单。第二项宣言将: 也因为被标记而获胜 “!重要”。然而,第三条规则 在用户的样式表中 “!重要”,因此将失败 第二条规则 样式表(恰好设置为 在速记属性上的样式)。也, 第三作者规则将输给 第二作者规则 规则是“重要的”。这表明 “!重要”声明具有 在作者风格中也起作用 床单

/* From the user's style sheet */
P { text-indent: 1em ! important }
P { font-style: italic ! important }
P { font-size: 18pt }

/* From the author's style sheet */
P { text-indent: 1.5em !important }
P { font: 12pt sans-serif !important }
P { font-size: 24pt }

如何递归地为元素的所有子元素执行此操作?很好的解释。如果你再加一把小提琴就更好了
Declaring a shorthand property (e.g., 'background') to be
Example(s):

The first rule in the user's style sheet in the following example
/* From the user's style sheet */
P { text-indent: 1em ! important }
P { font-style: italic ! important }
P { font-size: 18pt }

/* From the author's style sheet */
P { text-indent: 1.5em !important }
P { font: 12pt sans-serif !important }
P { font-size: 24pt }