<div class="card">
  <div class="card_title">Card Title</div>
  <p>
    Lorem ipsum dolor, sit amet consectetur adipisicing elit.
    Quisquam repellendus error, qui natus ea quas, aut, ipsa illo
    cupiditate corrupti in quaerat enim. Iusto, impedit? Est saepe
    ratione dolorum officiis?
  </p>
</div>
.card {
  width: 300px;
  padding: 1%;
  background-color: #eee;
  border-radius: 6px;
}

.card .card_title {
  font-size: 24px;
  font-weight: bold;
  color: #333;
}

.card:hover {
  background-color: #ff0;
}

.card:hover .card_title {
  font-size: 36px;
  color: blue;
}
View Compiled

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.