1. 父选择器标识符·&（用作伪类） 2. 群组选择器嵌套： ``` .container { h1, h2, h3 {color: aqua;} } ``` 3. 子选择器和同层组合选择器 ``` article section { } article > section { } ``` ``` header + p { } //第一个同层相邻组合选择器，选择header后紧跟的p元素（中间隔有元素则失效） article ~ article { } //同层全体组合选择器~ ``` ``` .title { div + & { margin-top: 0; } } ``` 编译后为： ``` div + .title { margin-top: 0; } ``` 4. 嵌套属性 ``` .title { border: 1px solid #ccc { left: 0px; //相当于border-left等于0px right: 0px; } } ```