css class命名，属性值分配, 如何科学规范化？

想知道比较通用的命名规范，时常会发现， class名写多了，到最后自己也很难分辨。布局定位，尺寸大小，颜色背景图片这些属性，遇到子类继承样式，一旦需要修改是件非常麻烦的事，经常把自己陷入左右为难的境地。

一般可以按照层次关系写，比如
#wrap ul #li1 {...}
id为wrap的div里面的ul里面的id为li1的样式。

有时可简略一些，比如
#sider .textRed{...}
id为sider的div（里面的结构很简单）里面的class为textRed的元素的样式。