CSS类和子类

前端之家收集整理的这篇文章主要介绍了CSS类和子类前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
有可能,除了我在做什么,因为它似乎不工作,这样做吗?我想能够有一个类下的子类使用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
{
    ...
}

猜你在找的CSS相关文章