css hover change more than one element code example

Example: css hover change more than one element

/*** 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; }