为什么 CSS 类不能包含另一个 CSS 类 [关闭]答案

【问题标题】：Why CSS class is made such that it can't contain another CSS class [closed]为什么 CSS 类不能包含另一个 CSS 类 [关闭]
【发布时间】：2012-04-26 06:49:06
【问题描述】：

为什么一个 CSS 类不能包含另一个 CSS 类例如

.parentCSS width:100% childCSS

因为这个原因，我的文件中确实有很多重复的条目

在 aspx 页面上的某处（一个控件多个 CSS 类）和 CSS 文件中的某处（一个 CSS 类多个重复属性）。

如果 CSS 嵌套无法实现，任何编写正确 CSS 的建议都会非常有帮助。

【问题讨论】：

ummm 你能改写一下这个问题吗？您的标题和问题在大多数情况下几乎完全相同......
询问 W3c。投票结束。但我同意能够嵌套类并让它们在样式表和 DOM 中真正级联会很好。
是的，来自 google 的人感受到了你的痛苦 - 所以他们为 css4 创建了一个提案，以允许嵌套 - dev.w3.org/csswg/css3-hierarchies/#motivation（然而，这是一个非常早期的草案）
可能重复：stackoverflow.com/questions/6195857/…
@c69 好消息，希望他们尽快带来。

标签： asp.net .net html css web

【解决方案1】：

因为 CSS 不是这样构建的，所以它不支持嵌套，但是有一个插件 http://lesscss.org/ 可以让您以更灵活的方式创建样式表。

LESS 扩展了 CSS 的动态行为，例如变量、mixin、操作和功能。 LESS 在客户端（Chrome、 Safari、Firefox）和服务器端，带有 Node.js 和 Rhino。

【讨论】：

【解决方案2】：

不确定问题是什么，但 css 确实允许这样做：

.parent,
.parent .child {
    /* css */
}

【讨论】：

这种方式 CSS 允许在一个语句中将属性添加到多个类，而不是子 css 到父 css。

【解决方案3】：

您必须明确命名所有类：

.parentCSS .childCSS { width:100% }
.childCSS { height:100% }

或者将它们组合在标记中：

<div class="parentCSS childCSS"></div>

可能有助于显示您正在尝试做的事情的详细信息/示例。

【讨论】：

发布您正在使用的实际 HTML/CSS 是最有帮助的。