[分享]css中如何选中前一个兄弟

CSS中如何选中前一个兄弟在CSS中选中前一个兄弟元素可以使用“~”符号。这个符号被称为“波浪线符号”，它可以选择某个元素之后的所有兄弟元素。例如： p ~ p { backgroundcolor: ...

CSS中如何选中前一个兄弟

在CSS中选中前一个兄弟元素可以使用“~”符号。这个符号被称为“波浪线符号”，它可以选择某个元素之后的所有兄弟元素。例如：</br>
p ~ p {
  background-color: yellow;
}</br>
这段CSS代码会选择所有p元素之后的兄弟元素，并把它们的背景颜色设置为黄色。</br>
如果想要选中某个元素之前的兄弟元素，可以将它们的顺序颠倒一下，然后再使用波浪线符号。例如：</br>
p ~ div ~ p {
  background-color: pink;
}</br>
这段CSS代码会选择第一个div元素之后的所有p元素，并把它们的背景颜色设置为粉色。</br>
需要注意的是，波浪线符号只能选择元素之后的兄弟元素，不能选择元素之前的兄弟元素。如果想要选中元素之前的兄弟元素，需要使用JavaScript等其他方法。</br>