UPDATE: Live Design Improvements

We’ve made some significant changes to the way Live Design works.
This should avoid a lot of the frustration some people were having with styling not saving, styles being overridden, unexpected behavior, styling base html tags, etc.
When you click an element, LiveDesign will now search the stylesheet for all applicable CSS selectors including complex and descendant selectors. It is no longer limited to classes and ids directly on an element. (This was causing some code to contradict itself which caused problems)
The selector list will also be sorted by CSS specificity with the most specific selector being chosen. Also now if you click on an element that doesn't have a class and no rules match it directly, a new css selector will be created based on the first parent it finds with a class. This will cut out much of the issue with styling base elements by accident and will help to localize css changes to a specific area.

Example (see screenshot below): a plain ole tag in a left column widget. The tag has no classes or an id. Live design will search the DOM (html) and look at the parent element until it can find a class. In this case it happens to be the widget so we end up with ".Control_7639 p" as the most specific selector and pretty unique. No more accidentally turning everything purple on the whole site!