linear stylesheet reading

by Henry

HTML

<div class="border-red border-blue">blue is later in stylesheet</div>

<div class="border-red border-green">green is later in stylesheet</div>

<div class="border-blue border-red">blue is</div>

<div class="border-blue border-green">green is</div>

<div class="border-green border-red">green is</div>

<div class="border-green border-blue">green</div>

CSS

div {
  margin-bottom: 20px;
  padding: 20px;
}

.border-red {
  border: 1px solid red;
}

.border-blue {
  border: 1px solid blue;
}

.border-green {
  border: 1px solid green;
}