CSS类和子类

问题描述

有可能，除了我在做什么，因为它似乎不工作，这样做吗？我想能够有一个类下的子类使用专门为那个类.subclass的CSS。

Is it possible, other than what I'm doing because it doesn't seem to work, to do this? I want to be able to have subclasses that are under a class to use the CSS specifically for that class.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 ，area2。我知道我可以使用class =area1 item来使这个工作，但我不明白为什么它必须这么详细。

So that I can just use class="item" for the elements under the parent css class "area1","area2". I know I can use class="area1 item" to get this to work, but I don't understand why it has to be so verbose about it. Shouldn't the css subclass look at what parent class it is under in order to define it?

注意：这在IE中使用（现在使用7），但是在FF它不，所以我假设这不是一个CSS标准的做某事的方式。

Note: this works in IE (using 7 right now), but in FF it does not, so I'm assuming this isn't a CSS standard way of doing something.

推荐答案

只需要添加空格：

.area2 .item
{
    ...
}

这篇关于CSS类和子类的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！