2015-03-03 150 views
0

是否可以在父母的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; 
} 
} 

预先感谢您!

+3

在此嵌套CSS部分,考虑萨斯http://sass-lang.com/guide#topic-3 – jdphenix 2015-03-03 06:07:03

+0

你的前两个问题将更适合codereview.stackexchange.com。第三是不可能在纯CSS,也许LESS可以做到这一点。 – Barmar 2015-03-03 06:07:20

+0

jdphenix和Barmar,感谢SASS和LESS的信息。所以它就像一个CSS库。 – Maki 2015-03-03 06:30:55

回答

0

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

使用类似less,你可以这样做:

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