如何在Firebug中找到哪个JavaScript函数更改了CSS？

Question

Firebug is probably the best debugging tool that makes the life easy for developers. But one thing that I am not able to find out is how do you locate the function that changed the CSS values. In the Right Panel, when you click on any CSS rule, it will select the HTML node in the left and you get to know that these values belong to this HTML element.

Is there any way that lets you find which javascript function modified the CSS. This is shown in firebug as

element.style{
  color:#898980;
  top:78px;
  bottom:121px;

} 

I need to find which JS function changed the above values as it is not in my CSS.

The one highlighted in below Image

Answer 1

In the HTML panel, on the element whose style is changed : Right-click => break on attribute change.

This will break every time an attribute of this element is changed.

See also: http://www.softwareishard.com/blog/firebug/firebug-tip-break-on-html-mutation/

Florent