卡卡网

CSS3 “+” 加号选择器 和“~” 波浪号选择器具有差不多的作用，但又有些区别，如果乱用，可能造成样式效果非自己所愿。下面一图便清晰显示了CSS3 “+” 加号 “~” 波浪号的区别。

demodownload

可以看出，h2+div{}是h2标签之后的第一个div标签。

h2~p{}是h2标签之后的所有p标签。

但请注意，上面提及的h2和div，或者h2和p，这两元素必须是同级（不能是父子关系），它们具有同一个父元素。

如果两元素是父子关系，那么要用什么符号呢？这时可以用“ ”空格号或“>”大于号来处理， 请看一图显示CSS3空格号和“>”大于号的使用区别。

标签: css加号选择器  css波浪号选择器