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

Question

我烦了。我有一个网站，我的下拉 CSS 菜单可以工作，而另一个网站不能。

他们的样式表差异很大，尽管我尝试手动将菜单样式从一个复制到另一个，但没有成功。

他们是否有任何工具可以让我（如 FireDebug）单击页面部分（菜单），然后复制影响该部分的规则 - 忽略那些被其他规则隐藏的规则 - 以便我可以将它们发布到第二个站点的样式表。

似乎与其让多种样式影响菜单并试图找出哪些具有优先权，不如让一些软件对其进行排序并生成一个单一的组合规则......如果你明白我的意思的话。

Answer 1

FireBug 和内置的 Chrome 开发工具都会向您显示所选元素正在使用哪些样式。我不太使用 FireBug，但我知道 Chrome 开发工具会删除被覆盖的样式，甚至在适用的情况下显示默认的用户样式表。当应用内联样式时，它也很漂亮，例如对于表格的“框架”属性，因为它将这些转换为 CSS 并将其显示为样式的一部分；）

Answer 2

听起来你遇到了意外继承的问题。尝试确保您的 CSS 选择器仅引用您想要设置样式的元素。否则事情会变得一团糟，这样的事情就会发生。