css - 为什么不在 CSS 中嵌套?

标签 css

<分区>

看起来这将是一种将 css 结构化的好方法。是否存在使这成为不可能的情况?

我正在考虑以下内容:

table#myTable{
    thead{
        color:red;
    }
    tbody{
        color:blue;
        td.title{
            background-color: green;
        }
    }
}

最佳答案

我无法回答为什么 CSS 没有此功能。有一些系统,例如 LESS (http://lesscss.org/),允许您编写这样的结构,然后将它们“编译”为常规 CSS。

LESS 中的嵌套示例:(来自该链接)

嵌套规则 无需构造长选择器名称来指定继承,在 Less 中您可以简单地将选择器嵌套在其他选择器中。这使得继承更清晰,样式表更短。

#header {
  color: red;
  a {
    font-weight: bold;
    text-decoration: none;
  }
}

关于css - 为什么不在 CSS 中嵌套?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4511128/

上一篇:jquery - 更改背景位置 - 最好使用 jQuery 或 :hover with Selectivizr?

下一篇:html---为什么背景不能定位在左上角?

相关文章:

html - 固定菜单宽度 - 元素分布

javascript - 使用 CSS(也许还有 JavaScript)使元素成为正方形(或保持特定的纵横比)

html - bootstrap form-inline 和 form-group 中 <label> 标签周围的空白

html - 如何在调整 div 大小时停止摇晃的背景图像

javascript - 我想显示不同的图像 OnMouseOver 和 OnMouseOut

javascript - 使用 CSS 选中/取消选中复选框时切换文本和文本框

html - 将导航栏切换按钮向右对齐

css - 在当前页面上突出显示菜单

javascript - 如何在内容可编辑的 div 中动态环绕图像周围的文本?

html - 页眉和页脚固定