.div1 {
    color: red;
    .div2 {
        color: blue;
        .div3 {
            color: green;
        }
    }
}

.div1 {
    color: red;
}

.div1 .div2 {
    color: blue;
}

.div1 .div2 .div3 {
    color: green;
}

div {
    color: red;
    &:hover {
        color: blue;
    }
}

div {
    color: red;
}
div:hover {
    color: blue;
}

.button {
  &-ok {
    background-image: url("ok.png");
  }

  &-cancel {
    background-image: url("cancel.png");
  }

  &-custom {
    background-image: url("custom.png");
  }
}

.button-ok {
  background-image: url("ok.png");
}
.button-cancel {
  background-image: url("cancel.png");
}
.button-custom {
  background-image: url("custom.png");
}

.link {
  & + & {
    color: red;
  }

  & & {
    color: green;
  }

  && {
    color: blue;
  }

  &, &ish {
    color: cyan;
  }
}

.link + .link {
  color: red;
}
.link .link {
  color: green;
}
.link.link {
  color: blue;
}
.link, .linkish {
  color: cyan;
}

.grand {
  .parent {
    & > & {
      color: red;
    }
  }
}

.grand .parent > .grand .parent {
  color: red;
}

p, a, ul, li {
  border-top: 2px dotted #366;
  & + & {
    border-top: 0;
  }
}

// 这扩展到指定元素的所有可能 (16) 组合：
p, a, ul, li {
  border-top: 2px dotted #366;
}
p + p, p + a, p + ul, p + li,
a + p, a + a, a + ul, a + li,
ul + p, ul + a, ul + ul, ul + li,
li + p, li + a, li + ul, li + li {
  border-top: 0;
}