相邻兄弟选择器(Adjacent sibling selector)可选择紧接在另一元素后的元素,且二者有相同父元素。
h1 + p {margin-top:50px;}
这个选择器读作:“选择紧接在 h1 元素后出现的段落,h1 和 p 元素拥有共同的父元素”。
有个经常可以用到兄弟选择器的场景,除了第一个元素其他兄弟元素都需要设置的样式。
例如给 li 列表设置一个等高 10px 间隙(如图)
这个时候就可以这样设置样式
li + li {margin-top:10px;}
相邻兄弟选择器(Adjacent sibling selector)可选择紧接在另一元素后的元素,且二者有相同父元素。
h1 + p {margin-top:50px;}
这个选择器读作:“选择紧接在 h1 元素后出现的段落,h1 和 p 元素拥有共同的父元素”。
有个经常可以用到兄弟选择器的场景,除了第一个元素其他兄弟元素都需要设置的样式。
例如给 li 列表设置一个等高 10px 间隙(如图)
这个时候就可以这样设置样式
li + li {margin-top:10px;}