有可能,除了我在做什么,因为它似乎不工作,这样做吗?我想能够有一个类下的子类使用CSS专门为该类.subclass。
CSS
.area1 { border:1px solid black; } .area1.item { color:red; } .area2 { border:1px solid blue; } .area2.item { color:blue; }
HTML
<div class="area1"> <table> <tr> <td class="item">Text Text Text</td> <td class="item">Text Text Text</td> </tr> </table> </div> <div class="area2"> <table> <tr> <td class="item">Text Text Text</td> <td class="item">Text Text Text</td> </tr> </table> </div>
所以我可以只使用class =“item”为父css类“area1”,“area2”下的元素。我知道我可以使用class =“area1 item”得到这个工作,但我不明白为什么它必须这么详细。不应该css子类看看它是什么父类,以便定义它?
注意:这在IE(现在使用7),但在FF它不工作,所以我假设这不是一个CSS标准的做事方式。
解决方法
只需要添加一个空格:
.area2 .item { ... }