问答详情
源自:9-3 权值计算-特殊性

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

特殊性的运用

提问者:qq_舞动精灵_0 2016-10-25 16:37

个回答

  • 花椒change
    2016-10-25 17:02:05
    已采纳

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

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

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

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

    你可以试试。



  • 慕粉4199241
    2016-10-25 19:08:48

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

  • KevinLeong4184113
    2016-10-25 17:27:54

    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>


  • 卖破烂的笨男孩
    2016-10-25 16:42:44

    就是SPAN的文字变成紫色

  • rikuru-to
    2016-10-25 16:42:41

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