CSS3中,下一個(gè)兄弟元素可以通過(guò)“+”符號(hào)來(lái)選擇。該符號(hào)用于選擇一個(gè)元素后面緊接的第一個(gè)同級(jí)元素。
p + span { color: red; }
上述代碼會(huì)選擇緊接在p元素后面的第一個(gè)標(biāo)簽,并將其顏色設(shè)置為紅色。
需要注意的是,如果p元素后面沒(méi)有同級(jí)的標(biāo)簽,則不會(huì)有任何效果。
這種選擇器非常實(shí)用,在多種場(chǎng)合下都能派上用場(chǎng)。例如,在表單中,我們可以使用它選擇表單元素的標(biāo)簽,然后將這些標(biāo)簽的顏色修改為紅色,從而增加表單的可讀性。
label + input { color: red; }
上述代碼選擇標(biāo)簽緊接在
下一篇html 代碼塊 高亮