卡卡網(wǎng)

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

demodownload

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

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

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

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

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