Distinction between small code snippets

by jshacker

HTML

<a href="#">This is anchor 0</a>
<div>
  This is div 1
  <a href="#">This is anchor 1</a>
</div>
<div>
  This is div 2.
  <a href="#">This is anchor 2</a>
</div>

SCSS

body {
  font-size: 20px;
}

div {
  margin: 1rem;
  padding: 1rem;
  color: red;
  &:hover {
    color: green;
    & a {
      color: maroon;
      &:hover {
        color: orange;
      }
    }
  }
}