后代选择器（Descendant selector）是指通过空格将两个选择器连接起来，可以选择指定元素内的所有后代元素。在代码中，父元素选择器与子元素选择器之间使用空格隔开。这个选择器非常实用，可以极大地提高 HTML 标记文档的可读性和可维护性。但是，也要注意使用时要避免选择过度，造成性能问题。
// 子选择器
.parent >.child {
margin: 0;
padding: 0;
border: 1px solid black;
}子选择器（Child selector）是指通过“>”将两个选择器连接起来，可以选择指定元素的直接子元素。父元素选择器与子元素选择器之间使用“>”符号隔开。这个选择器非常实用，在处理大型网站的样式表时，可以仅仅找到某个元素下的直接子元素，而忽略孙子元素等其他元素的影响。
// 相邻兄弟选择器
.element + .next-element {
display: inline-block;
}相邻兄弟选择器（Adjacent sibling selector）是指使用“+”符号将两个选择器连接起来，可以选择紧接在另一个元素后面的元素。这个选择器非常实用，在处理网页中的某些详细排版时，可以仅仅选择某个元素之后的兄弟元素。
// 通用兄弟选择器
.first-element ~ .any-element {
font-style: italic;
}通用兄弟选择器（General sibling selector）是指使用“~”符号将两个选择器连接起来，可以选择与前面某个元素在同一级别的所有兄弟元素。这个选择器非常实用，在处理某些网页效果时，可以仅仅选择跟某个元素同级别的兄弟元素，而不必遍历整个文档。