1.vw，wh，% 的区别
百分比参考父级（body，div等），vw参考窗口（浏览器大小）
2.选择器
交集选择器
由两个选择器构成，，两个选择器之间不能有空格。用于选择同时满足两个条件的元素。
.class1.class2 {
background-color: red;
}
并集选择器
是通过逗号将多个选择器连接在一起的，可以同时设置多个元素的CSS（css相同）。
.class1, .class2, .class3{
background-color: red;
}
后代选择器（包含选择器）
用于选择元素或元素组的后代，写法是将外层标签写在前面，内层标签写在后面，中间用空格分开。当标签发生嵌套时，内层标签就成为外层标签的后代（可以紧跟可以不紧跟）。
.class1 > .class2 {
background-color: red;
}
子元素选择器
只能选择作为元素内紧跟的第一级元素，将父级标签写在前面，子集标签写在后面，中间跟一个>进行连接。
.class1 > .class2 {
background-color: red;
}
兄弟元素选择器
用于选择拥有相同父元素的元素，可以选择下一个兄弟或选择下边所有的兄弟。
class 为 class1 的元素内部的<p>标签后面的所有<span>元素，并将它们的文字颜色设置为background-color: red。
.class1 p + span {
background-color: red;
}
