CSS中加號(hào)(+)表示選擇緊接在前一個(gè)元素后的同級(jí)元素。
例如,以下CSS代碼將針對緊接在p元素后的同級(jí)ul元素進(jìn)行樣式設(shè)置:
p + ul { margin-top: 20px; }
上述代碼將把緊接在p元素后的同級(jí)ul元素的上外邊距設(shè)置為20像素。
使用加號(hào)選擇器可以非常有用,特別是在列表導(dǎo)航等場景中。例如,以下CSS代碼將為列表導(dǎo)航的第一個(gè)項(xiàng)設(shè)置不同的樣式:
nav ul li + li { border-top: 1px solid black; margin-top: -1px; }
上述代碼中,nav ul li + li表示選擇緊接在前一個(gè)li元素后的同級(jí)li元素,即除了第一個(gè)li元素以外的其他li元素。通過設(shè)置border-top和margin-top屬性,我們可以給除了第一個(gè)li元素以外的其他li元素添加一個(gè)邊框線條,并將這個(gè)線條上移一個(gè)像素,從而達(dá)到類似于列表項(xiàng)之間有間距的效果。