【我不熟悉的css】相邻同辈选择器（加号+）和一般同辈选择器（波浪号～）的区别，菜鸟必看

预警！超级初级的内容，菜鸟必看，大佬请绕道

我刚入行的时候，带我的师傅告诉我，在写列表的时候能用margin-top就不要用margin-bottom

当然这仅供参考，只不过我现在仍然觉得他说得对。

+ 加号： 相邻同辈选择符号，注意只能选择相邻的元素

先看一个例子，有一个列表，我们想调整每个项目之间的间距。

知识点（1）

加号（+），css相邻同辈选择器，只能选择某个元素后面的元素，也就是这个例子中的后三个 li 元素，所以，在同辈选择器中给第一个元素（li）增加样式是无效的。

知识点（2）

调整列表之间的间距使用 同辈选择器 + margin-top 很方便，这个自己体会一下。

扩展知识 一般同辈选择器

 ～ 波浪号：选择某元素后面所有的同辈元素，注意这里不需要是相邻的

可以对比一下区别