css - 如何使用CSS打破颜色

Question

<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 中都使用“名称”。

Answer 1

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

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