Regions in CSS such as C # regions?

Question

Is there a way to define regions in a CSS file in the same way as regions in C #?

As in C #, you define areas as follows

#region My Region //your code here #endregion 

My problem is that I do not want to use separate CSS files for my asp.net project, but I also want to organize, so I can define specific sections, for example, for the CSS of the main page and one for FormUser, etc., so it is easy to troubleshoot if necessary. Is it possible?

Answer 1

You can use this for regions ... works well for creating dropable regions

 /*#region RegionName*/ /*#endregion RegionName*/ 

RegionName is optional in endregion

Answer 2

You cannot make regions, but you can always just use intervals and comments to add an organization if you want.

 /*Layout rules*/ body{} div{} etc{} /*Typography Rules*/ etc{} etc... 

Answer 3

There is no support for regions in CSS.

The usual approach is to split into different CSS files, and then use the CSS minimization tool for production releases, which integrates and minimizes your CSS, i.e. see minify or YUI Compressor .

Answer 4

You must use different CSS files and move them to 1 file when creating the application. There are special tools for this that do just that, since this is the only way.

Answer 5

You can add regions to your CSS exactly as you describe using a visual studio plugin called "Web Essentials" (this is VS2012, but earlier versions are available)

Then you can simply add regions to your CSS by doing the following:

 /*#region Footer ---------------------------------------------------- */ .footerHyperlinks{ decoration:none; } /*#endregion*/ 

Combined with the keyboard shortcut (ctrl + M, ctrl + L), this is invaluable to me. since it instantly reduces your huge long page, which you have to scroll through MUCH, MUCH faster. Hope this helps you!

Answer 6

enter region and press tab , you will get the following

 /*#region name */ /*#endregion */ 

where you can edit name to give the region the name of your choice.

Hope this helps.

Answer 7

There is nothing like regions in CSS. In most cases, different sections of the code are separated by comments like /* Header Styles */ , etc. I would recommend splitting CSS into at least two files and importing them into the CSS files that they need, for example, you included class definitions in C # ...

@import url("reset.css");