在CSS中，我們可以使用“上一個兄弟（previous sibling）”選擇器來選中元素的前一個兄弟元素，它用符號“~”表示，可以和其他選擇器組合使用。

例子：
/*選中ID為first-paragraph之前的p元素*/
#first-paragraph ~ p {
color: red;
}
/*選中ID為first-paragraph之前顯示為.flex-box的div元素*/
#first-paragraph ~ div.flex-box {
display: none;
}

可以看到，“~”選擇器可以為我們提供很多有用的樣式選擇器，為我們的設(shè)計帶來很多便利。