卡卡網(wǎng)

CSS3 “+” 加號(hào)選擇器 和“~” 波浪號(hào)選擇器具有差不多的作用，但又有些區(qū)別，如果亂用，可能造成樣式效果非自己所愿。下面一圖便清晰顯示了CSS3 “+” 加號(hào) “~” 波浪號(hào)的區(qū)別。

demodownload

可以看出，h2+div{}是h2標(biāo)簽之后的第一個(gè)div標(biāo)簽。

h2~p{}是h2標(biāo)簽之后的所有p標(biāo)簽。

但請(qǐng)注意，上面提及的h2和div，或者h2和p，這兩元素必須是同級(jí)（不能是父子關(guān)系），它們具有同一個(gè)父元素。

如果兩元素是父子關(guān)系，那么要用什么符號(hào)呢？這時(shí)可以用“ ”空格號(hào)或“>”大于號(hào)來(lái)處理， 請(qǐng)看一圖顯示CSS3空格號(hào)和“>”大于號(hào)的使用區(qū)別。

標(biāo)簽: css加號(hào)選擇器  css波浪號(hào)選擇器