css 选择某个兄弟元素 |webstorm scss编译css

p + p {
color: red;
}

上述代码中，大家使用了”+”符号来选择相邻的下一个p元素。当第一个p元素之后出现一个p元素时，大家也可以设置这个p元素的样式。

大家也可以选择某个元素之前的兄弟元素来添加样式。比如，如果大家想要选中一个列表中第二个li元素之前的所有li元素，大家可以这样写：

li ~ li:nth-child(-n+2) {
color: red;
}

在上述代码中，大家使用了”~”符号来选择当前元素之前的所有li元素，在nth-child()函数中，大家使用了”-n+2″表示选中前两个li元素。

了解如何选择兄弟元素可以帮助大家更好地控制页面的样式，提高页面的可读性和用户体验。