CSS-descendent选择器

Question

我想知道这两行之间的区别:

p.intro a{color=# ff99ff;}
p .intro a{color=# ff99ff;} 

在第一示例中,在p和之间没有空间.intro,而在第二示例中,它们之间存在空间.

我想用一些例子来解释.

Answer 1

第一个是给p项的类.

<p class="intro">
    <a href="#">Item</a>
</p>

第二个是给p标签的孩子的类.

<p>
    <span class="intro">
        <a href="#">Item</a>
    </span>
</p>