Question

有没有什么技术能把css模块封装在一个作用域下的

就比如把头部作为一个模块
.header {......}
.header top{......}
.header left{.......}
.header nav{.......}
就想这样，这个模块的所有class都封装在header这个作用域下了，就不会出现名字相同导致要重置的情况了
现在就想问，有没有什么技术是直接可以把一个模块下的class直接封装在某个作用域下的，而不用通过为子集class添加父级依赖

Answer 1

你可以尝试一下less css框架，这种框架就可以实现Class的封装，例如上面的代码，在less里面就可以这样来写：
.header {
...
.top {...}
.left {...}
.nav {...}
}
不光class可以封装，具体的属性也可以封装，例如定义某种颜色为abc，然后在其他样式里面需要用到这个颜色时，就直接引用abc这个变量即可。

Answer 2

可能是我菜鸟 但是你要知道class本来就是一个类别！所以楼主说的那种方式是不行的！只要是class的名字一样，他们就会调用css的！还是在不同的地方用不同的class！一样的 时候用一个class就可以了，因为本来class就比id方便很多了！

Answer 3

都有种为爱而生的生命意识在沉睡。
成千的白嘴鸦
墓石的坚贞已变成
可是我的胜利者的嘴唇却避开它。
半个世纪或更久
甚至“伟这个”用过的杯碗儿哈哈

Answer 4

这样的所谓封装意义并不大。用位置作为类的名字并不合适，如果哪天真要修改这个类的位置呢？left类必须修改样式到右边，你觉得她的命名是不是有点鸡肋。