CodePen Embed - Selection vs Inheritance

<!DOCTYPE html>
<html lang="en">
  <body>
    <div class="card">
      <h1>Title</h1>
      <p>bUt mUh InheriTeD CoLors</p>
    </div>
  </body>
</html>

* {
   /* Pay attention to this */
  color: blue;
  /* Try commenting out the declaration above */
}

.card {
  color: red; /* and this */
  width: 300px;
  height: 150px;
  background-color: #eee;
  border-radius: 2rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

This Pen is owned by Michael Feliciano on CodePen.

See more by @mefeliciano on CodePen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.