Testing CSS cascade

by agib

HTML

<div class="nested level-1">
  <div class="nested level-2">
    <div class="nested">
      <div class="level-3"></div>
    </div>
  </div>
</div>

CSS

.nested {
  padding: 75px;
  border: 1px solid black;
}

.level-1 {
  background-color: yellow;
  width: 400px;
  height: 400px;
}
.level-2 {
  background-color: blue;
  width: 250px;
  height: 250px;
}
.level-3 {
  width: 100px;
  height: 100px;
}