CSS3 “+” 加号选择器 和“~” 波浪号选择器具有差不多的作用,但又有些区别,如果乱用,可能造成样式效果非自己所愿。下面一图便清晰显示了CSS3 “+” 加号 “~” 波浪号的区别。
demodownload
可以看出,h2+div{}
是h2
标签之后的第一个div
标签。
h2~p{}
是h2
标签之后的所有p
标签。
但请注意,上面提及的h2
和div
,或者h2
和p
,这两元素必须是同级(不能是父子关系),它们具有同一个父元素。
如果两元素是父子关系,那么要用什么符号呢?这时可以用“ ”空格号或“>”大于号来处理, 请看一图显示CSS3空格号和“>”大于号的使用区别。
声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。