Less：类然后是节点类型

Question

我有两个<p>和一个<button>，它们扩展了名为class的某个test。我想知道是否可以向.test添加某些样式规则，然后是元素类型的特定规则？

我想到了这样的事情：

.test {
    font-weight: bold;
    color: blue;

    &p {
        font-size: 26px;
    }

    &button {
        font-size: 20px;
    }
}

我知道不可能这样写。此示例仅适用于概念示例。

我已经阅读了文档，唉我什么都没发现......

任何想法或者这是不可能实现的？

Answer 1

如果我理解正确，您应该使用:extend：

<强> LESS：

.test {
  font-weight: bold;
  color: blue;
}

p:extend(.test) {
  font-size: 26px;
}

button:extend(.test){
  font-size: 20px;
}

<强>输出：

.test, p, button {
  font-weight: bold;
  color: blue;
}
p {
  font-size: 26px;
}
button {
  font-size: 20px;
}