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