CSS-上下文使用的样式？

我认为这是可能的，但每个人都告诉我不是

我希望在css文件中设置上下文样式，如：

div#foo {
 h2 {
   color: #F42
 }
 p.bar {
   font-size: 12px
 }
}

因此，只有id为foo的div中的h2和p.bar将被设置样式。还是只有在LIB较少或其他类似的情况下才有可能实现这一点

谢谢和亲切的问候，

---

Jurik

这在标准css中是不可能的，需要将这两个类设置为：

div#foo h2 {}
div#foo p.bar {}

---

这在标准css中是不可能的，这两个类需要设置为：

div#foo h2 {}
div#foo p.bar {}

---

这是可能的，但如下所示：

div#foo h2 {
    /* styles go here */
}

div#foo p.bar {
    /* styles go here */
}

---

这是可能的，但如下所示：

div#foo h2 {
    /* styles go here */
}

div#foo p.bar {
    /* styles go here */
}

---

以上内容只是对以下内容的一个稍加修改的版本：

div#foo h2 { color: #F42; }
div#foo p.bar { font-size: 12px }

---

我真的看不出它有什么好处。

您上面所说的只是对以下内容稍加修改的版本：

div#foo h2 { color: #F42; }
div#foo p.bar { font-size: 12px }

---

我真的看不出它有什么好处。

这在纯CSS中是不可能的，这就是为什么你应该使用或者我建议使用SASS/SCSS，它们是CSS超集

LESS/SASS-SCSS允许您轻松编写动态CSS，请查看比较

---

看看我建议您使用SASS/SCSS的主要原因是什么这在纯CSS中是不可能的，这就是为什么您应该使用或我建议使用SASS/SCSS，它们是CSS的超集

LESS/SASS-SCSS允许您轻松编写动态CSS，请查看比较

看看这是我建议你使用SASS/SCSS的主要原因，让我们来看看你所描述的，以及其他一些很酷的东西，比如在css中使用变量等等

当然，一旦你让它编译，它只会把它变成有效的CSS，在前面的答案中已经建议过。仍然值得一看。

让我们来看看您描述的内容，以及其他一些很酷的东西，比如在css中使用变量等等

当然，一旦你让它编译，它只会把它变成有效的CSS，在前面的答案中已经建议过。仍然值得一看。

是的，但是分开了

div#foo h2 {
   color: #F42
 }
div#foo p.bar {
   font-size: 12px
 }

但我也想改变一下：

#foo h2 {
   color: #F42
 }
#foo p.bar {
   font-size: 12px
 }

您使用的是一个ID，所以您之前不需要说什么，因为ID是唯一的

是，但是分开的

div#foo h2 {
   color: #F42
 }
div#foo p.bar {
   font-size: 12px
 }

但我也想改变一下：

#foo h2 {
   color: #F42
 }
#foo p.bar {
   font-size: 12px
 }

---

您使用的是一个ID，所以之前不需要说什么，因为ID是唯一的

使用默认CSS技术是不可能的

但是，通过使用和，这是可能的

---

您问题中的代码在上述两个库中都可以使用。

使用默认CSS技术是不可能的

但是，通过使用和，这是可能的

---

---

您问题中的代码在上述两个库中都可以使用。

您不能像这样嵌套CSS声明。它们是无效的。是的，这样做需要更少的时间。你不能像那样嵌套CSS声明。它们是无效的。是的，这样做需要更少。每个HTML页面都是唯一的，但是这个CSS可以在多个页面上使用，其中foo可以是另一个元素的id。是的，但我说的是它不能有，例如，spanfoo和divfooThanks，但主要关注的是在css中使用上下文的可能性——现在我知道这是不可能的：它们在每个HTML页面上都是唯一的，但是这个css可以在多个页面上使用，其中foo可以是另一个元素的id。是的，但我说的是它不能有，例如，spanfoo和divfooThanks，但主要关注的是在css中使用上下文的可能性——现在我知道这是不可能的：甚至还有一个叫做dotless的.NET端口，我只是将它插入到一个项目中，并在不到2分钟的时间内使它工作！不需要客户端代码，很好！SASS/COMPASS附带默认的服务器端自动编译功能，您只需指定要监视的文件夹和部署位置；我不知道。。。我真的不喜欢JS编译，因为它缺少指南针：\非常感谢-我听说它仍然在CSS3中不可能。。。责怪wc3：甚至还有一个名为dotless的.NET端口，我刚刚将它插入到一个项目中，并在不到2分钟的时间内使其工作！不需要客户端代码，很好！SASS/COMPASS附带默认的服务器端自动编译功能，您只需指定要监视的文件夹和部署位置；我不知道。。。我真的不喜欢JS编译，因为它缺少指南针：\非常感谢-我听说它仍然在CSS3中不可能。。。责怪wc3:SYeah，这就是问题所在。。。嗯，至少为工程师编写脚本比较容易，但编译后CSS输出仍然很大。。。好吧-至少为工程师编写脚本更容易-但编译后CSS输出仍然很大。当你有超过2000行的CSS文件时，你会看到使用contextes的好处-这对工程师来说是一个更好的概述，代码更少。@Jurik:我有这么大的CSS文件，简单的组织可以让一切都保持原样，很容易找到。唯一真正的好处是减少了重复的选择器，但在pc浏览器上可以看到的标准网页上，这是一个最小的好处。如果目标受众是移动的，在哪里

---

这样的好处是显而易见的，我会说错误1是设计需要一个有2k行的css文件。当你有超过2000行的css文件时，你会看到使用contextes的好处——这对工程师来说是一个更好的概述，代码更少。@Jurik：我有这么大的css文件，简单的组织可以让一切都保持原样，很容易找到。唯一真正的好处是减少了重复的选择器，但在pc浏览器上可以看到的标准网页上，这是一个最小的好处。如果目标受众是移动的，这样的收益会被看到，我会说错误1是有一个设计需要一个有2k行的css文件。