简化SCSS中的匹配元素

.button {
  &-primary {
    // 父选择器会被替换为.button
    background-color: blue;
  }
  
  &-secondary {
    // 父选择器会被替换为.button
    background-color: gray;
  }
}

.container {
  .button {
    // .button元素在.container元素内部
    background-color: blue;
  }
}

[type="button"] {
  // 选择所有type属性为button的元素
  background-color: blue;
}

.button {
  // 选择所有class属性为button的元素
  background-color: blue;
}

.button:hover {
  // 鼠标悬停在.button元素上时应用的样式
  background-color: blue;
}