css selector child vs descendant

by seadonk

HTML

<p>
    <a>CHILD A1</a>
    <span><a>DESCENDENT A2</a></span>
    <a>CHILD A3</a>
</p>

CSS

p a{
    color: white;
    background-color: red;
}

p>a {
    background-color: blue;
    color: white
}