Css 特定于Div的元素样式

如果我想在div中设置元素的样式，而不是说：

#divid input { ... }
#divid h1 { ... }

有没有这样的说法：

#divid {

  input: { ... }
  h1: { ... }

}

---

当我开始编程时，第二种方法感觉“更好”，所以我只是想知道是否有可能以这种方式对元素定义进行分组？

您所描述的是类似CSS预处理器的使用。它的设计目的是通过允许类似这样的语法来清理CSS代码。在SCSS中，它实际上是：

#divid {
  input { }
  h1 { }
}

这将被解析为：

#divid input { }
#divid h1 {}

---

这样，您就可以编写更干净、更有条理的代码，并让预处理器处理对有效CSS的优化和返工。

您所描述的是类似CSS预处理器的使用。它的设计目的是通过允许类似这样的语法来清理CSS代码。在SCSS中，它实际上是：

#divid {
  input { }
  h1 { }
}

这将被解析为：

#divid input { }
#divid h1 {}

---

这样，您就可以编写更干净、更有条理的代码，并让预处理器处理对有效CSS的优化和修改。

而不是直接在CSS中。为此，您需要一个预处理器，它将与其他方便的东西一起提供--它们实际上都支持这种组织，包括：

• 减：
• Sass：
• 触笔：

---

比较：，等等。（谷歌是你的朋友，因为你知道这些术语。）

不是直接在CSS中。为此，您需要一个预处理器，它将与其他方便的东西一起提供--它们实际上都支持这种组织，包括：

• 减：
• Sass：
• 触笔：

---

比较：，等等。（谷歌是你的朋友，因为你知道这些术语。）

CSS不支持这一点。另一方面，您可以使用，您将需要编译到css。更多信息，请访问链接中的网站。

CSS不支持此功能。另一方面，您可以使用，您将需要编译到css。有关更多信息，请访问链接中的网站。

Ah，谢谢。我已经被困在一个非常Web1.0的心态中太久了。是时候咬紧牙关学习一些新东西了。公平地说，在网络开发中有很多时尚。不过，有些人希望在这个行业中占有一席之地。我认为CSS预处理已经证明了它在这里会持续一段时间。可能直到CSS本身改变（改进？）到不再需要它的程度（比如CoffeeScript post-ES6）。长话短说，我鼓励你接受它，享受它带来的好处。它们不仅仅是我们在这里展示的巢穴。啊，谢谢。我已经被困在一个非常Web1.0的心态中太久了。是时候咬紧牙关学习一些新东西了。公平地说，在网络开发中有很多时尚。不过，有些人希望在这个行业中占有一席之地。我认为CSS预处理已经证明了它在这里会持续一段时间。可能直到CSS本身改变（改进？）到不再需要它的程度（比如CoffeeScript post-ES6）。长话短说，我鼓励你接受它，享受它带来的好处。它们不仅仅是我们在这里展示的嵌套。