2

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

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

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

4

5 回答 5

5

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

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

于 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 回答