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

p span{color:purple;} p>span{color:purple;}这是什么意思

特殊性的运用

正在回答

5 回答

你可以去看8-6和8-7子选择器和后代选择器。不过这个我感觉只是对边框border属性有区别。在这里是一样的,颜色都会改变。

举个例子<p>我在<span><span>慕客网</span>学习前端</span></p>

无论是第一种还是第二种,“慕客网学习前端”都会变紫。

但如果你css设置的是border就会有不同效果。

你可以试试。



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

前者是p标签下面所有的span标签颜色设为紫色;后者>是作用于第一代p标签下的span标签颜色设为紫色

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

1.这里涉及到继承,如果单从颜色考虑,两种情况中,<p>下的<span>都为紫色(其实就是p里的都为紫色)。

2.如果两个同时出现,由于权值相同,最下边的生效(下面是什么颜色就是什么颜色)。

3.两者区别:(颜色是分不出的,此处以border边框举例,<p><span>超酷<span>的互<span>联网</span</>)

(1)580f24e50001d43301760040.jpg   <p>内所有的span都带边框

(2)580f24d80001b5be01660040.jpg    <p>内只有第一层span带边框,注意:<p>内可以有好多第一层span,比如:

<p>    <span>第一层</span>     <span>同为第一层</span>    </p>


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

就是SPAN的文字变成紫色

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

前者是p标签下面所有的span标签颜色设为紫色;后者是p标签下面一级span标签(只有儿子)颜色设为紫色

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

举报

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

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

进入课程

p span{color:purple;} p>span{color:purple;}这是什么意思

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