如何确定应用哪些样式表规则

问题描述 投票:0回答:2

我继承了网页引用多个样式表的代码。 在代码中,有一个 div 类引用“container”。 但“容器”存在于几个引用的样式表中。 我如何确定它引用的是哪一个? 谢谢你。

css stylesheet
2个回答
1
投票

您使用什么浏览器?

Firefox 和 Chrome 都内置了出色的开发人员工具,可让您检查页面的 DOM 并确定对每个元素应用哪些样式规则以及应用顺序,包括它们位于哪些文件中。

例如,在 Chrome 中,首先右键单击页面上的某个元素,然后从菜单中选择“检查”。您将在Styles部分看到应用了哪些规则以及来自哪些文件。 (请参阅:https://developers.google.com/web/tools/chrome-devtools/css/


0
投票

阅读具有不同规则的多个 css 文件中属于相同类名的一些问题,最常见的答案是最后一个包含的 css“规则”。

我想在将相应的html添加到DOM之前动态地将css-style-标签插入到index.html的头部,因此当使用javascript生成html时,您可以这样做,然后将生成的html插入到index.html-身体。

这样你就可以控制最后插入哪个CSS以及使用哪个CSS。

由于其动态特性,该解决方案不适用于静态站点。

© www.soinside.com 2019 - 2024. All rights reserved.