css -

Question

我知道已经问了很多继承问题，但每个案例都是独一无二的，我在处理这个问题时遇到了麻烦。

我有一些 h2 元素需要具有独特的样式，但它们会继续从以前定义的 h2 元素继承属性。

我试过给它们一个独特的类，我试过通过 JS 和 Jquery 定义 css 属性，但没有任何效果。

这是我正在谈论的例子:

<div class="parent">
    <h2>Original H2</h2>
    <div class="child">
        <h2>New H2</h2>
    </div>
</div>

.parent h2 {
    font-weight:bold;
    color:red;
}

.child h2 {
     font-weight:normal;
     color:green;
}

即使给 child 的 h2 标签一个独特的类，我也无济于事。

<div class="parent">
    <h2>Original H2</h2>
    <div class="child">
        <h2 class="newh2class">New H2</h2>
    </div>
</div>

.parent h2 {
    font-weight:bold;
    color:red;
}

.child h2.newh2class {
     font-weight:normal;
     color:green;
}

<!--or-->

h2.newh2class {
     font-weight:normal;
     color:green;    
}

有人能帮忙吗？

Answer 1

你需要使用 !important 值来实现它。

h2.newh2class {
    font-weight:normal;
    color:green !important;    
}