CodePen Embed - CSS Specificity Question

<body>
    <div class="hello">
        <p class="abc">test</p>
    </div>
</body>

p.abc {
    color: purple;
}
.hello p {
    color: red;
}
.abc {
    color: blue;
}
p {
    color: green;
}

This Pen is owned by Ambrose on CodePen.

This Pen doesn't use any external CSS resources.

This Pen doesn't use any external JavaScript resources.