search

adnantopal / extractcss

:page_facing_up: extractCSS is a JavaScript library and an online tool that lets you extract element ID, class and inline styles from HTML document and output them as CSS stylesheet.
http://extractcss.com
MIT License
284 stars 48 forks source link

Show nested relationship #1

Open blainerobison opened 11 years ago

blainerobison commented 11 years ago

I can see having an additional option to show the nested relationships between selectors would be beneficial.

Here's an example: http://jsfiddle.net/ezCsn/

adnantopal commented 11 years ago

Hey @blainerobison, thanks for the feedback.

In current version, it ignores children with classes and IDs, and outputs them as seperate selectors. What you suggested could be implemented, but it also might output very long selectors if there's a deep nested relationship. However, I'll look into it anyway. Thanks.

andreventuravale commented 8 years ago

It would be nice to have a option to output the selectors taking the nesting in account.

Ex: .panel { } .panel .title { } .panel .content { }

By the way, nice app!