相邻兄弟选择器(Adjacentsiblingselector)可以选择一个元素紧跟在另一个元素之后,并且两者有相同的父元素。h1+p{margin-top:50px;}这个选择器是这样写的:“选择紧跟在与p元素有共同父元素的h1元素之后出现的段落”。有一种场景经常使用兄弟选择器,除了第一个元素,其他兄弟元素都需要设置样式。比如给li列表设置一个10px等高的空隙(如图)。这时候可以这样设置样式:li+li{margin-top:10px;}

相邻兄弟选择器(Adjacentsiblingselector)可以选择一个元素紧跟在另一个元素之后,并且两者有相同的父元素。h1+p{margin-top:50px;}这个选择器是这样写的:“选择紧跟在与p元素有共同父元素的h1元素之后出现的段落”。有一种场景经常使用兄弟选择器,除了第一个元素,其他兄弟元素都需要设置样式。比如给li列表设置一个10px等高的空隙(如图)。这时候可以这样设置样式:li+li{margin-top:10px;}