为什么CSS中没有嵌套？
为什么CSS中没有嵌套？
提问于 2010-12-23 00:12:00
看起来这是一种很好的css结构化方式。有没有一些案例会让这一切变得不可能？
我正在考虑下面这样的事情：
table#myTable{
thead{
color:red;
}
tbody{
color:blue;
td.title{
background-color: green;
}
}
}回答 4
Stack Overflow用户
发布于 2010-12-23 00:16:22
我不能回答为什么CSS没有这个功能。有一些系统，比如LESS (http://lesscss.org/)，可以让你编写这样的结构，然后‘编译’成常规的CSS。
LESS中的嵌套示例：(来自该链接)
嵌套规则，而不是构造长的选择器名称来指定继承，在Less中，您可以简单地将选择器嵌套在其他选择器中。这使得继承更清晰，样式表更短。
#header {
color: red;
a {
font-weight: bold;
text-decoration: none;
}
}Stack Overflow用户
发布于 2010-12-23 00:14:59
因为在撰写规范的时候，可能没有人想到这个想法，或者没有足够多的人认为它会有用。
不过，您可以使用SASS：http://sass-lang.com/
示例语法：
table.hl
margin: 2em 0
td.ln
text-align: right
li
font:
family: serif
weight: bold
size: 1.2emStack Overflow用户
发布于 2010-12-23 00:16:29
这很好，但这是CSS的设计和组织方式，不支持这种方式。
然而，有一些CSS预处理器允许你以这种方式编写代码，然后将其处理成真正有效的CSS --比如LessCSS。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/4511128
复制相关文章
相似问题
腾讯云开发者
