less和sass的穿透

sass和less的样式穿透是指在嵌套的选择器中，通过特定符号来访问父级选择器以及其他元素的样式。在sass中，可以使用`&`符号来引用父级选择器。在less中，可以使用`&`符号来引用父级选择器，并使用`:`来穿透其他元素的样式。

以下是sass和less中样式穿透的示例：

在sass中，假设有以下代码：

.btn {
  color: blue;

  &-primary {
    background-color: red;
  }

  &-secondary {
    background-color: green;
  }
  
  .container & {
    font-weight: bold;
  }
}

编译后的CSS代码如下：

.btn {
  color: blue;
}

.btn-primary {
  background-color: red;
}

.btn-secondary {
  background-color: green;
}

.container .btn {
  font-weight: bold;
}

在less中，假设有以下代码：

.btn {
  color: blue;

  &-primary {
    background-color: red;
  }

  &-secondary {
    background-color: green;

    :hover {
      color: yellow;
    }
  }
  
  .container & {
    font-weight: bold;
  }
}

编译后的CSS代码如下：

.btn {
  color: blue;
}

.btn-primary {
  background-c