Css 我能用更少的钱给一对父母做窝吗

我的设置较少。我想知道，有没有选择为父母中的一方筑巢

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

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

我需要为

textarea

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

 input[type="text"].text_field, textarea.text_field {
    // style for both
    font-size: 15px;
    padding: 2px 5px;
 }
 textarea.text_field {
    // style for only text area, you can use !important if you want to use different style, and you used it in input[type="text"].text_field, textarea.text_field
    font-size: 13px !impotrant;
 }

例如：

 ul {
   // style
   li {
     // style
     a:link, a:hover, a:visited {
       // style: color, font-size, etc.
     }
     a:hover {
       text-decoration: underline;
     }
   }
 }

---

如果您想让它们保持相同的规则，可以尝试以下方法：

.text_field {
  color: black;

  input& {
    padding: 5px;
  }

  textarea& {
    padding: 5px;
  }
}

---

这个答案似乎不符合“不……超越主要规则”的限定条件，因为您已将

textarea

从主要规则中删除（这显然是一个解决方案，但不符合OP集的标准）。抱歉，这显然是解决方案，与我的问题无关OK，无论我在哪里检查，都建议使用此解决方案，但当我执行此操作时，此嵌套不起作用…好的，我知道为什么，这是因为我在body tag中有此规则，是否有忽略body tag的选项？我不知道。你为什么要嵌套在body标签中？对nest IMO来说似乎有点深。您可能会使其更通用，并将其移到body标记之外。