在CSS中,我們可以使用“+”符號來表示下一個元素,這意味著我們可以選擇下一個同級元素的樣式。
選擇器1 + 選擇器2 { 屬性: 值; }
這個選擇器1可以是任何元素,它將選擇下一個同級元素選擇器2并應用樣式。 讓我們看看一個示例:
h1 + p { color: red; }
上面的CSS代碼將會把下一個同極元素p的文字顏色改變成紅色。 換句話說,如果想要將每個
元素后面的第一個
元素的文字標為紅色,就可以使用此代碼
此外,我們還可以使用波浪符號“~”來選擇下一個同級元素,例如:
選擇器1 ~ 選擇器2 { 屬性: 值; }
這個選擇器1也可以為任何元素,它將選擇下面所有相同元素級別的選擇器2并應用樣式。 讓我們看一個示例:
h1 ~ p { color: red; }
上面的CSS代碼將會把所有
下面的
元素的文字顏色改變成紅色。 換句話說,如果想要將每個
元素后面的所有
元素的文本標為紅色,就可以使用此代碼。