在CSS中,波浪號符號(~)通常被用來表示“后續兄弟選擇器”(following sibling selector),用于選擇某個元素之后所有符合條件的兄弟元素。
以下是一個簡單的例子:
p ~ span {
font-weight: bold;
}
上面的代碼表示選擇所有在p元素之后的、屬于span元素的兄弟元素,并將它們的字體加粗。
需要注意的是,波浪號符號只能選擇后續的兄弟元素,而且選擇的元素必須是兄弟關系。如果要選擇子元素或父元素,需要使用其他選擇器。
CSS中還有一個類似的符號——加號(+),表示“相鄰兄弟選擇器”(adjacent sibling selector),用于選擇緊隨某個元素之后的符合條件的兄弟元素。例如:
p + span {
font-style: italic;
}
上面的代碼表示選擇在p元素之后第一個屬于span元素的兄弟元素,并將它的字體樣式設置為斜體。
上一篇css中的內聯樣式
下一篇css中的order 3