diff --git a/guide/english/css/comments-in-css/index.md b/guide/english/css/comments-in-css/index.md index 8788baebdb..72104e0417 100644 --- a/guide/english/css/comments-in-css/index.md +++ b/guide/english/css/comments-in-css/index.md @@ -101,6 +101,28 @@ h2 { Tip: Many code editors will comment a highlighted portion of text by typing `CMD + /` (Mac) or `CTRL + /` (Windows). +The best thing you can do in CSS with comments is the next thing: use Regions. Yes, the regions you use too in C#. +Regions are useful in a long CSS file, when you've got plenty of classes and sections to manage and organize. They are basically commented titles of specific sections. The best part about regions? You can collapse/expand them. + +Here's how region works: +``` css +/*#region Header */ + +.header { + font-size: 12px; +} + +/*#endregion */ + +/*#region Footer +------------------------------------------- */ + +.footer { + height: 20px; +} +/*#endregion */ +```` + ### More Information: * [MDN documentation](https://developer.mozilla.org/en-US/docs/Web/CSS/Comments)