css - 我可以用 LESS 嵌套到一对 parent 吗

Question

我有这个 LESS 设置。我想知道，是否有任何选项可以为两个 parent 之一嵌套？

 input[type="text"].text_field,
 textarea.text_field {
    // style for both

    textarea + & {
      // style for only text area
    }
  }

我需要为 textarea 添加一些其他样式，我不想超出主要规则。那么，这可能吗？

Answer 1

如果你想让它们保持在同一个规则中，你可以尝试这样的事情:

.text_field {
  color: black;

  input& {
    padding: 5px;
  }

  textarea& {
    padding: 5px;
  }
}