为了账号安全,请及时绑定邮箱和手机立即绑定

关于一些格式混淆的问题

如 p,span{color:red;}和p span{color:red}的区别,p和span中间逗号隔开与空格隔开的区别,分别是什么效果?求大神

正在回答

5 回答

p,span{color:red;}  影响的是<p>...</p>,<span>...</span>

p span{color:red;} 影响的是<p><span>...</span></p>

0 回复 有任何疑惑可以回复我~

p,span{color:red;}                p和span的文本颜色是红色(注:逗号代表和;p和span都是红色的)。

p span{color:red;}           p里面的span的文本颜色是红色{只有span标签包括的内容是红色的;}

0 回复 有任何疑惑可以回复我~
  1. p,span{color:red;} 相当于 p{color:red;} 和 span{color:red;} ,所有的p标签和span标签的字体颜色都会变红。

  2. p span{color:red}是 包含(后代)选择器,只有p标签里的span标签字体颜色会变红。


0 回复 有任何疑惑可以回复我~

p,span  他两是同级,

p span  他两是父子级别

0 回复 有任何疑惑可以回复我~

逗号是分组选择,空格是后代选择

0 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消
初识HTML(5)+CSS(3)-升级版
  • 参与学习       1225792    人
  • 解答问题       18234    个

HTML(5)+CSS(3)基础教程8小时带领大家步步深入学习标签用法和意义

进入课程

关于一些格式混淆的问题

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信