CSS WIVER изменяется, чем один элемент

/*** HTML code ***
<div class="card">
  <h2>My title</h2>
  <p>This is my content</p>
</div>
*/

.card:hover { background: #abeafe; }
.card:hover h2 { color: #000; }
.card:hover p { color: #333; }
Chris