如何找到ASP .Net网页元素的样式来自哪里？

Question

我有一个窘境。我的Web应用程序（C＃，。Net 3.0等）有主题，CSS表格，当然还有内联样式定义。现在，很多厨师都在汤里添加东西。所有这些结果，毫不奇怪，在我的页面中偶尔会有奇怪的造型。

我确信所有这些样式都应用于分层方法（尽管我不确定该顺序）。问题是每个样式都被应用为“透明”层，它只是掩盖它所应用的内容。我认为这是一个好主意，因为你可以为整体指定样式，然后根据需要一次性地设置它们。不幸的是，我无法分辨出风格实际来自哪一层。

我可以通过在所有图层中明确表达样式来解决此问题，但这样做会变得笨重且难以管理，并且页面在80％的时间内都能正常工作。我只需要弄清楚20％来自哪里。

Answer 1

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

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

Answer 2

这是一个关于如何使用Firebug来查找元素获取风格的快速预告。

http://screencast.com/t/oFpuDUoJ0

Answer 3

Firefox中的

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

Answer 4

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

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

Answer 5

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

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