goibon / prettify Goto Github PK

Currently the extension only scans the DOM for used CSS classes, but often ID selectors are used as well. These should be included in the scan.

Two possible ways to treat them come to mind at the time of writing:

Treat Ids and classes separately

Given an element <div id="myDiv" class="foo bar"></div>, CSS would be generated for both the id myDiv as well as the classes foo and bar.
This would mean that duplicate CSS properties could be generated for the same element. This is, however, also already an issue with element that have multiple classes.

Ignore classes on elements with Ids

Given an element <div id="myDiv" class="foo bar"></div>, CSS would only be generated for the Id and the classes would be ignored.
In the case that the same classes occur on other elements without an Id, there would still be generated CSS for the classes, but any duplicated CSS would be overwritten by the Id selector.