代码之家  ›  专栏  ›  技术社区  ›  Craig

如何确定ASP.NET网页元素的样式来自何处?

  •  2
  • Craig  · 技术社区  · 16 年前

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

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

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

    5 回复  |  直到 9 年前
        1
  •  5
  •   Valery Viktorovsky    9 年前

    嗯,萤火虫是你最好的选择。它将告诉您样式来自哪个文件,您可以单击要立即传输到文件中相关行的文件名。

    注意:你可以点击 CTRL + 转移 + C 在任何页面上用鼠标选择和检查元素。

        2
  •  4
  •   jessegavin    16 年前

    下面是一个关于如何使用Firebug来找出元素的风格的快速回顾。

    http://screencast.com/t/oFpuDUoJ0

        3
  •  2
  •   Jason Bunting    16 年前

    在firefox中,使用dom-inspect or、firebug或inspect。
    在IE中,使用IE DEV工具栏(或者,也许更好, Firebug Lite )
    在Google Chrome中,使用内置的“检查元素”功能

        4
  •  2
  •   Mark Cidade    16 年前

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

    其他工具也有类似的特性。

        5
  •  -1
  •   domgblackwell    16 年前

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

    但是,如果您完全避免内联样式,并且拥有一组精心设计的样式表,其中每个样式表都有一个逻辑函数,并且您了解所有这些样式表的规则,那么情况会好得多。出于同样的原因,您不会将服务器端代码随机放入随机文件中。- us