[分享]css兄弟选择器的概念

CSS中的兄弟选择器（Sibling Selector）是用于选择相邻元素的一种选择器。 兄弟选择器允许您选择指定元素后面紧接着的元素。

div ~ p {
	    background-color: yellow;
	} 

上面的代码意思是选择与div元素后面的所有p元素，设置它们的背景色为黄色。

值得注意的是，兄弟选择器只会选择后面的兄弟元素，而不是前面的兄弟元素。

如果想选择两个元素之间的兄弟元素，可以使用通用选择器和后代选择器的组合：

div p {
	    background-color: yellow;
	} 

上面的代码意思是选择div元素里的所有p元素，并设置它们的背景颜色为黄色。

使用兄弟选择器可以轻松地修改HTML文档的样式，使文档看起来更加美观和易读。