编写高质量代码(4)

CSS使用子选择器来应对各种复杂的布局变化，什么意思呢，我从360网站截了一个图，一起来看下

可以看出这3个板块有相同的地方，按照前面的说我们可以提取一些相同的出来，我们看结构，都是上面一个标题，下面是也就是都可以分成两个div，我们可以设计，如果我们只写一个class的话，我们会修改特别多来适应这3个板块，所以我们可以写一个主class来包含公共样式，在使用

.class .class{}

使用子选择器，把每个自己独特的样式写在自己的子选择器中，这样就不需要重复写一样的代码了
当然我们也可以使用组合式，多加一个class，不采用子选择器，这种方法当然也可以，但是对于团队一起做一个网页，一个规范是很重要的，布局方面需要外部一个样式严格控制，这样更方便维护，如果单单是添加某种样式，组合式是非常实用的。