Easier code analyze

[Saad Shamsaei]

Hi,
in "Microsoft Expression Web" there is a very good feature in code editor, such that in HTML codes we can click in a class name or id name of a tag (+holding Ctrl), then we go over in CSS on same class(or id) part of codes. if this feature be in Firebug, so when we click on a class(or id) name then firebug shows class's css codes in right-side pane, this feature is great! and very useful. Do you can develop this feature?

[Jan Honza Odvarko]

Sounds interesting, so this is like code hyperlink (even if there can be more targets, i.e. more CSS rules)

Please create a new issue here:
http://code.google.com/p/fbug/issues/list
and we can discuss further.

Honza

[Sebastian Zartner]

And please add a screenshot or two and a test case to it, because I still can't really imagine how this feature should work.

Sebastian

[Saad Shamsaei]

oh.. Firefox has this feature in right-click menu "Inspect Element" (i'm using Firefox 23beta). please see on pic:
http://s2.postimg.org/3ohm39r0p/firebug_feedback.png

[Saad Shamsaei]

Please do it yourself, my english is poor and i cant say well... 
Thanks.

[Sebastian Zartner]

I don't see any feature in the Firefox Dev Tools that allows you to jump from a class inside their Inspector panel to the rules having it as selector. Do you mean the Rules panel they have?
Note that there is also a context menu option Inspect Element with Firebug which lets you inspect an element inside Firebug. The rules affecting the element will be shown inside the Style side panel.

Sebastian