1 . >
子组合选择器>选择一个元素的直接子元素。
article > section { border: 1px solid #ccc }
- 上述代码会选择
artical的第一个section子元素。
2 . +
选择与该元素同层的 ，第一个要选择的元素。
header + p { font-size: 1.1em }
- 上述代码会选择
header元素后紧跟的p元素。
3 . ~
同层全体组合选择器
~
.top button {
}
- 上述代码会选择与
.top同层的所有button元素。
