jquery - 用于梳理 css 来查找哪种样式被什么规则覆盖的方法/工具?

标签 jquery css cross-browser

在此页面上:

http://www.palosverdes.com/sandbox/9slategrey/index.cfm

我正在尝试添加一个新菜单(位于“兰乔帕洛斯维迪斯市”下方顶部的菜单)。该菜单似乎与页面上的其他元素共享许多容器名称。到目前为止,其他元素和谐共存,但这个菜单正在被它们破坏。

菜单出现问题的情况因您使用的浏览器不同而有所不同,这一事实使问题变得更加复杂。

我应该使用什么方法/工具来区分哪些样式来自何处,以及如何最好地解决任何样式冲突?为什么不同浏览器的菜单问题会有所不同?

最佳答案

Google Chrome 的检查元素(右键单击 -> 检查元素)将显示匹配的 CSS 规则以及每个元素的计算样式。我发现它对于找出哪个规则造成什么影响非常有用。

关于jquery - 用于梳理 css 来查找哪种样式被什么规则覆盖的方法/工具?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9881699/

相关文章:

javascript - 简单闭包与带有嵌套函数返回的闭包

javascript - 通过文本在选定的 li 之后插入 li 元素

javascript - 原型(prototype)化文件对象

javascript - 异步 jQuery 模板

jquery - 添加类 "selected"

html - 使用 CSS 样式透视图时切换选项卡会破坏背景图像

css - 具有一致高度的不同宽度的响应图像

css - 我应该如何处理 chrome 和 firefox 中的 css top value 差异?

javascript - 检查 CSS 线性渐变支持

javascript - $注入(inject)器:modulerr Failed to instantiate module bookApp due to: ReferenceError: 'when' is undefined at Anonymous function