父母和孩子的css关系?
问题描述:
是否可以在父母的css内写入一个子css? the fiddle父母和孩子的css关系?
-Before-
table.header {
line-height:32px;
background-color:#1BA7F5;
color:#FFF;
}
table.header th {
padding-left:10px;
text-align:left;
font-weight: normal;
}
-After-(我曾尝试下面的,它不工作)
table.header {
line-height:32px;
background-color:#1BA7F5;
color:#FFF;
th {
padding-left:10px;
text-align:left;
font-weight: normal;
}
}
预先感谢您!
答
在纯CSS中是不可能的。如果您在标题标签上设置了一个类,您可以使用一个选择器来定位它们。
使用类似less,你可以这样做:
table.header {
line-height:32px;
background-color:#1BA7F5;
color:#FFF;
th {
padding-left:10px;
text-align:left;
font-weight: normal;
}
}
在此嵌套CSS部分,考虑萨斯http://sass-lang.com/guide#topic-3 – jdphenix 2015-03-03 06:07:03
你的前两个问题将更适合codereview.stackexchange.com。第三是不可能在纯CSS,也许LESS可以做到这一点。 – Barmar 2015-03-03 06:07:20
jdphenix和Barmar,感谢SASS和LESS的信息。所以它就像一个CSS库。 – Maki 2015-03-03 06:30:55