Auto CSS file or style block creation

[t8xt]

This function will search for all div id's and class's in a webpage and extract their names into and new CSS document. Another option would be to select your div structure and either make a new CSS document or put the selectors into a style block in the same webpage.

1. Make your div structure

Code: Select all

<div id="headermast"></div> <!-- and so on. -->

2. When ready either select the section of the webpage with the div structure or not Webuilder will search for div's in the webpage and get there names.

3. Go to CSS > Actions > Create CSS File from Selection or Create Stye Block from Selection. Webuilder will then add all the selector names into a new CSS document or style block.

Code: Select all

#headermast {

}

4. Webuilder can also compare your webpage file and the CSS document or style block and find any new or deleted divs and update either the style block or the CSS document with the changes, Webuilder looks and the rel link

Code: Select all

<link rel="stylesheet" type="text/css" href="css/document.css" />

to know which style sheet you have linked to the webpage, Webuilder only updates the CSS document if it is open and may open the CSS document if it is not open to make the changes.

Thanks

[Aivars]

The idea is interesting, however I'm worried about cases when ID and classes are not enough. For an example, when you look at any CSS file you'll see things like:

tag.classname, not just .classname

tag tag tag.classname

.classname tag

etc.

I guess I need more input on this, maybe some other sample project that does something like this.