我继承了网页引用多个样式表的代码。 在代码中,有一个 div 类引用“container”。 但“容器”存在于几个引用的样式表中。 我如何确定它引用的是哪一个? 谢谢你。
您使用什么浏览器?
Firefox 和 Chrome 都内置了出色的开发人员工具,可让您检查页面的 DOM 并确定对每个元素应用哪些样式规则以及应用顺序,包括它们位于哪些文件中。
例如,在 Chrome 中,首先右键单击页面上的某个元素,然后从菜单中选择“检查”。您将在Styles部分看到应用了哪些规则以及来自哪些文件。 (请参阅:https://developers.google.com/web/tools/chrome-devtools/css/)
阅读具有不同规则的多个 css 文件中属于相同类名的一些问题,最常见的答案是最后一个包含的 css“规则”。
我想在将相应的html添加到DOM之前动态地将css-style-标签插入到index.html的头部,因此当使用javascript生成html时,您可以这样做,然后将生成的html插入到index.html-身体。
这样你就可以控制最后插入哪个CSS以及使用哪个CSS。
由于其动态特性,该解决方案不适用于静态站点。