CSS選擇器中有一個(gè)波浪線 ~，表示選擇器后面的元素中，與前面的選擇器不相鄰的元素。這個(gè)選擇器還有一些使用技巧。

.container ~ p {
font-size: 14px;
}

上面的代碼表示選取所有與class名為.container元素在同一級(jí)別的p元素，并且這些p元素跟.container元素不相鄰。例如：

相鄰
不相鄰
不相鄰

除此之外，波浪線選擇器還可以與其他選擇器組合使用，例如：

/* 選取class名為.container的元素內(nèi)部的所有a元素，但排除與.container相鄰的a元素 */
.container a:not(:first-child) ~ a {
color: red;
}

上面的代碼表示選取所有class名為.container的元素內(nèi)部的a元素，但排除與.container相鄰的第一個(gè)a元素，其它所有與.container不相鄰的a元素設(shè)置顏色為紅色。

波浪線選擇器還可以跟+選擇器搭配使用，例如：

/* 選取class名為.container的元素下面所有與h2相鄰的h3元素 */
.container h2 + h3 ~ h3 {
font-size: 16px;
}

上面的代碼表示選取class名為.container的元素下面所有與h2相鄰的h3元素，并且跟這些h3元素不相鄰的所有h3元素設(shè)置字體大小為16px。