什么是注释来组织你的CSS代码的最佳方式是什么？

Question

CSS利弊你们觉得什么样的呢？如果你们不认为这是组织CSS代码，请让我知道，组织CSS代码的最佳方式是什么好办法。

/******* HEADER STYLES  *********/








/********* MAIN SECTION STYLES  ***********/













/********** FOOTER  ***************/











/*********** MEDIA QUERIES  **********/

Answer 1

这是一个非常主观的话题，但我很高兴能在权衡。每个人发展他/她自己的风格来组织代码，而且大多数是令人惊讶的领土（这个答案很可能会被那些谁只是与我的喜好可以不同意... downvoted _叹_）

无论如何，尽管大多数人喜欢的标准样式：

#someID{
    width: 200px;
    height: 50px;
}
#nutherID{
    width: 150px;
    height: 30px;
}

我更喜欢收拾最多的信息到尽可能少的空间。我的看法，为什么滚动六分屏看到相同的信息量，我在一个屏幕上通常会看到。也许它来自做我的大部分工作在笔记本电脑上...

#someID{width:200px;height:50px;border:1px solid red;}
#nutherID{text-align:center;color:blue;}

我整理我的CSS段，为你做什么，但我也瓜分了我的网页到的div /节/不管。我希望能够迅速找到CSS的，我需要的部分。所以我的标签，如你在上面显示，将是部分描述（例如***** About *****，***** Some other section description *****等）相同的思路自己，但更多的细分。

我也有，我使用的所有项目标准的CSS类的一群，而我坚持这些在CSS文件的顶部，如：

***** GLOBAL *****
*{position:relative;box-sizing:border-box;} /* Here come the down-votes... */
.bgBlack{background:black;}
.bgWheat{background:wheat;}
.taCenter{text-align:center;}
.taRight{text-align:right;}

最后，我想用缩进显示嵌套：

.about-outer{width:100%;height:500px;}
    .about-inner{border:1px solid #ccc;}
        .about-inner p{font-size:1.3rem;}

我的$ 0.02 ...