特殊性的运用
你可以去看8-6和8-7子选择器和后代选择器。不过这个我感觉只是对边框border属性有区别。在这里是一样的,颜色都会改变。
举个例子<p>我在<span><span>慕客网</span>学习前端</span></p>
无论是第一种还是第二种,“慕客网学习前端”都会变紫。
但如果你css设置的是border就会有不同效果。
你可以试试。
前者是p标签下面所有的span标签颜色设为紫色;后者>是作用于第一代p标签下的span标签颜色设为紫色
1.这里涉及到继承,如果单从颜色考虑,两种情况中,<p>下的<span>都为紫色(其实就是p里的都为紫色)。
2.如果两个同时出现,由于权值相同,最下边的生效(下面是什么颜色就是什么颜色)。
3.两者区别:(颜色是分不出的,此处以border边框举例,<p><span>超酷<span>的互<span>联网</span</>)
(1) <p>内所有的span都带边框
(2) <p>内只有第一层span带边框,注意:<p>内可以有好多第一层span,比如:
<p> <span>第一层</span> <span>同为第一层</span> </p>
就是SPAN的文字变成紫色
前者是p标签下面所有的span标签颜色设为紫色;后者是p标签下面一级span标签(只有儿子)颜色设为紫色