javascript – 为什么通用的CSS选择器(*)会覆盖内联样式?
发布时间:2020-12-14 23:12:50 所属栏目:资源 来源:网络整理
导读:我正在使用一个内部管理工具,该工具在Javascript上运行,其核心CSS文件中包含以下内容: * { font-family: Helvetica,Verdana,Arial,sans-serif;} 根据我的研究,这将是最低水平的特异性.任何东西都会覆盖那个设置. 我的目标是更改整个页面上的字体以提高易读
我正在使用一个内部管理工具,该工具在Javascript上运行,其核心CSS文件中包含以下内容:
根据我的研究,这将是最低水平的特异性.任何东西都会覆盖那个设置. 我的目标是更改整个页面上的字体以提高易读性.我正在使用Python / Selenium webdriver和Firefox来修改标签的样式设置,这会导致以下内联HTML:
更改将传播到工作表.但是,字体不会改变.在“计算”视图下,我看到以下内容:
当我在进行更改后在Firefox Inspector中禁用* CSS属性时,将发生字体更改.所以有些东西会覆盖我的内联样式更改. 我作为最终用户处于黑盒环境中,因此我无法解释所发生的一切.这是否是由于主动运行的Javascript迫使样式表先于内联样式而引起的? 最佳答案
< body>上的“style”属性标记仅直接影响正文中的内容.所有各种< div>和< span>您的HTML中的标记与CSS规则匹配. (如果没有那个*规则,那么自然行为就是继承字体信息;但是对于所有CSS属性都不会发生继承.)
我所看到的建议是将所有内容设置为“继承”,然后将设置应用于< body>:
这允许您对某些元素进行覆盖(比如各种形式的小部件或其他). (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |