CSS

nesting in sass

/*  nesting styles inside the parent element. 
& will refer to the parent which is the anchor tag a.*/ 
li {
    margin-right: 2.5rem;

    a {
      text-decoration: none;
      color: #707070;

      &:hover {
        color: #069c54;
      }
    }
  }

scss nesting

.enlarge {
  font-size: 14px;
  transition: {
    property: font-size;
    duration: 4s;
    delay: 2s;
  }

  &:hover { font-size: 36px; }
}