Can the "Digest view" to be optimised 

if I have a stylesheet like:
<quote>
a{}
a:link{}
a:hover{}
div{}
div p{}
ul,li,p,div,h3,a{]
.main{}
.clear{}
.list
.list li{}
.list li a{}

#header{}
#header a{}
#header a.selected{}
#main{}
#main .info{}
.....
[/quote>

The stylesheet have to many lines 
I want there is a side view can display the structure of these selectors as a treeview like blow
<quote>
elements
   a 
      a:link
      a:hover
   div
      div a
      div p
   ul,li,p,div,h3,a
classes
   .clear
   .list
       .list li
           .list li a
   .main

IDs
   #banner
   #header
       #header a
           #header a.selected
   #main
#main .info
</quote>

   
When I click (mousedown) the selector name , the editor scrolling to the selector source and highlight it.
The tree nodes can be collapsed;