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

demodownload

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

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

但请注意,上面提及的h2div,或者h2p,这两元素必须是同级(不能是父子关系),它们具有同一个父元素。

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

声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。