css - 父子css关系？

Question

是否可以在父级的 css 中编写子级 css？ the fiddle

-之前-

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;
}
}

提前致谢!

Answer 1

在纯 CSS 中这是不可能的。如果您在标题标签上设置了一个类，您可以使用单个选择器来定位它们。

使用类似于 less 的东西，你可以这样做:

table.header {
    line-height:32px;
    background-color:#1BA7F5; 
    color:#FFF;
th {
    padding-left:10px;
    text-align:left;
    font-weight: normal;
}
}