如何使用CSS打破颜色

时间:2011-08-08 15:11:48

标签: css

<style type="text/css">
.list .name{
    font-weight:bold;
    color:red;
}
.items .name{
    clear:both;
}
</style>

<div class="list">
    <div class="name">Products</div>
    <div class="items"> 
        <div class="name">Product Name</div>
    </div>
</div>

在上面的代码中,类“.list .name”。 “名称”是粗体,颜色是红色。 而“.items .name”没有粗体和颜色。

我需要的是,我不需要将“.list .name”颜色和粗体溢出到类“.items .name”。我想在“.items”

的开头打破第一堂课

我需要在div中使用“name”。

2 个答案:

答案 0 :(得分:1)

clear: both与删除早期样式无关。只需对您更改的所有属性使用inherit值:

.list .name {
    font-weight: bold;
    color: red;
}
.list .items .name{
    font-weight: inherit;
    color: inherit;
}

答案 1 :(得分:1)

.list > .name {

font-weight:bold;
    color:red;

}

应该做的伎俩