CSS相鄰選擇器是一種用于選擇相鄰元素的CSS選擇器，它可以選擇兩個相鄰元素，無論它們是什么類型，以下是使用CSS相鄰選擇器的一些常見場景：

1、選擇相鄰的兄弟元素：

.class1 + .class2 {
  /* 樣式 */
}

上述代碼會選擇class1和class2相鄰兄弟元素。

2、選擇相鄰的父元素和子元素：

.class1 > .class2 {
  /* 樣式 */
}

上述代碼會選擇class1的子元素class2。

3、選擇相鄰的同級元素：

.class1 ~ .class2 {
  /* 樣式 */
}

上述代碼會選擇class1和class2同級元素。

4、選擇相鄰的元素并應(yīng)用樣式：

.class1 + .class2 {
  color: red;
}

上述代碼會將class2元素的顏色設(shè)置為紅色，僅當它是class1元素的相鄰兄弟元素時。

CSS相鄰選擇器僅適用于相鄰元素，如果兩個元素之間有任何其他元素（包括空白），則它們不會被視為相鄰，在使用CSS相鄰選擇器時，請確保您選擇的元素確實是相鄰的。