Which color wins in this CSS specificity case?

[Baymax]

Consider this snippet.

.card p { color: blue; }
#app .card p { color: green; }
.card .title { color: red; }

<div id="app">
  <div class="card"><p class="title">Hello</p></div>
</div>

What final text color appears and why.

BayMax

[sora]

Green wins because #app .card p includes an ID, so its specificity beats .card .title even though that one targets the class on the same element.

Sora