2

我有一个难题。我的 Web 应用程序（C#、.Net 3.0 等）有主题、CSS 表，当然还有内联样式定义。现在有很多厨师在汤里加东西。毫不奇怪，所有这些结果在我的页面中有时会出现奇怪的样式。

我确信所有这些样式都以分层方法应用（尽管我不确定该顺序）。问题是每种样式都被应用为“透明”层，它只是掩盖了它正在应用的内容。我觉得这是一个好主意，因为您可以为整体指定样式，然后根据需要一次性指定样式。不幸的是，我不知道样式实际上来自哪一层。

我可以通过在所有层明确表达样式来解决这个问题，但这会变得庞大且难以管理，并且页面在 80% 的时间都可以正常工作。我只需要弄清楚这 20% 的松鼠是从哪里来的。

4

5 回答 5

5

恕我直言，Firebug 将是您最好的选择。它会告诉您样式来自哪个文件，您可以单击文件名立即传输到文件中的相关行。

注意：您可以在任何页面上点击ctrl++以使用鼠标选择shift和C检查元素。

于 2008-09-10T15:25:54.433 回答
4

这是一个关于如何使用 Firebug 找出元素从何处获得其样式的快速播放。

http://screencast.com/t/oFpuDUoJ0

于 2008-09-10T16:32:38.063 回答
2

在 Firefox 中使用 DOM 检查器、firebug 或检查这个。
在 IE 中，使用 IE 开发工具栏（或者更好的是Firebug Lite）
在 Google Chrome 中，使用内置的“检查元素”功能

于 2008-09-10T15:14:13.930 回答
2

使用IE 开发工具栏，您可以选择一个元素（通过“单击选择元素”或在 DOM 树视图中单击其节点）并在“当前样式”窗格中，右键单击一行并选择“跟踪样式”。

其他工具具有类似的功能。

于 2008-09-10T15:46:55.880 回答
-1

解决复杂 CSS 问题的关键是找出导致奇怪外观的原因。最简单的查找方法是有选择地注释掉样式表，直到找到一个注释掉它可以解决问题的样式表。然后启用样式表并有选择地注释掉规则，直到找到导致问题的规则。如果您需要知道什么优先于什么，这里详细介绍了 CSS 中的级联细节 ，与单个规则的实现不同，这在浏览器中是相当一致的。

但是，如果您完全避免内联样式并拥有一组精心设计的样式表，每个样式表都有一个逻辑功能并且您了解其所有规则，那就更好了。出于同样的原因，您不会将服务器端代码以随机顺序放在随机文件中 -我们

于 2008-09-11T19:04:33.853 回答