css - 如何从网站复制 CSS 样式以供重复使用

标签 css developer-tools

我很沮丧。我有一个网站,我的下拉 CSS 菜单可以使用,而另一个网站不能。

它们的样式表差异很大,虽然我尝试手动将菜单样式从一个复制到另一个,但没有成功。

他们有什么工具可以让我(比如 FireDebug)点击页面部分(菜单)然后复制影响该部分的规则 - 忽略那些被其他规则隐藏的规则 - 这样我就可以将它们发布到第二个站点的样式表。

似乎我不想让多种样式影响菜单并尝试找出优先顺序,而是希望有一些软件将其整理出来并生成一个组合规则……如果您明白我的意思的话。

最佳答案

FireBug 和内置的 Chrome 开发工具都会向您显示所选元素使用的样式。我使用 FireBug 的次数不多,但我知道 Chrome 开发工具会划掉覆盖的样式,甚至会在适用的情况下显示默认的用户样式表。当应用内联样式时,它也很漂亮,例如,对于表格的“frame”属性,因为它将这些样式转换为 CSS 并将其显示为样式的一部分;)

关于css - 如何从网站复制 CSS 样式以供重复使用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6014005/

相关文章:

css - 保持纵横比与最大高度

css - 将 xPath 转换为 CSS 选择器

javascript - 在 Console.Log() 中显示 HTML 而不是 jQuery 选择对象

macos - Mac 上的 Google Chrome 开发者工具键盘快捷键自定义

ios - Safari Web 检查器在调试 iPhone 时不显示元素和样式面板

html - 如何在选择输入框内放置网站图标

jquery - jQuery UI 布局和 jQuery UI 选项卡的问题

javascript - 在网格中第二行 div 的顶部添加空间

css - 卡住关键帧动画以进行调试

developer-tools - 微软认证合作伙伴?对开发人员重要吗?