请选择 进入手机版 | 继续访问电脑版
开启辅助访问
帐号登录 |立即注册

div+p、div~p的用法和区别

 
div+p :将所有离<div>相邻的<p>标签选中
[CSS] 纯文本查看 复制代码
<style>
div + p{color: blue;}     /*div后面紧跟着的第一个p标签(必须是紧邻的标签)*/
</style>
<div>hello</div>
<p>world</p>

这个例子中world字体是蓝色!

div~p :将<div>后面所有的<p>标签选中
[CSS] 纯文本查看 复制代码
<style>
div~p{color: orange;}
</style>
<div>第一段</div>
<p>p标签</p>
<p>p标签</p>

这个例子中所有p标签字体都是橙色!


回复

使用道具 举报

0 个回复

倒序浏览

快速回复

您需要登录后才可以回帖 登录 or 立即注册

本版积分规则

友情链接
  • 艾Q网

    提供设计文章,教程和分享聚合信息与导航工具,最新音乐,动漫,游戏资讯的网站。