技术频道导航
HTML/CSS
.NET技术
IIS技术
PHP技术
Js/JQuery
Photoshop
Fireworks
服务器技术
操作系统
网站运营

赞助商

分类目录

赞助商

最新文章

搜索

一图显示CSS3 “+” 加号 “~” 波浪号的使用区别

作者:admin    时间:2022-3-5 11:25:7    浏览:

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

一图显示CSS3 “+” 加号 “~” 波浪号的区别

demodownload

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

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

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

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

相关文章
    x
    x
    • 站长推荐