[分享]css兄弟选择器怎么使用

CSS中兄弟选择器的使用非常简单，它可以根据元素之间的兄弟关系选择指定的元素。假如我们要将一个ul元素下的第二个li元素设置为红色，可以这样写：ul li + li { color: red; } 这...

CSS中兄弟选择器的使用非常简单，它可以根据元素之间的兄弟关系选择指定的元素。

假如我们要将一个ul元素下的第二个li元素设置为红色，可以这样写：

ul li + li {
    color: red;
} 

这里的加号（+）就是兄弟选择器，它表示选择紧接在前一个元素之后的同级元素。

如果我们想将第二个li元素后面的所有li元素都加粗，可以这样写：

ul li + li ~ li {
    font-weight: bold;
} 

这里的波浪号（~）表示选择前面的元素之后的所有同级元素。

需要注意的是，兄弟选择器只作用于同级元素之间，不作用于嵌套元素之间。

使用兄弟选择器可以方便地选择指定的元素，提高 CSS 的效率。