Css <；h2>；从general继承的类<；h2>；

我知道有人问过很多继承问题，但每一个案例都是独一无二的，我在这一个问题上遇到了麻烦

我有一些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;
}

原H2
新H2
.父级h2{
字体大小：粗体；
颜色：红色；
}
.儿童h2{
字体大小：正常；
颜色：绿色；
}

即使给孩子的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;    
}

原H2
新H2
.父级h2{
字体大小：粗体；
颜色：红色；
}
.child h2.newh2类{
字体大小：正常；
颜色：绿色；
}
h2.newh2class{
字体大小：正常；
颜色：绿色；
}

---

有人能帮忙吗？

你应该看起来像这样

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

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

---

在此处选中它

您的问题是CSS，因为您是如何引用元素的。了解

---

更改顺序和调用方式将影响它们的继承和计算方式。

您需要使用！这是一个非常重要的价值

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

---

没问题：它们继承了什么？它们继承了字体样式和颜色。我会发布特定的代码，但它与工作相关。您可以在CSS中使用

，这样样式只应用于直系后代。例如

.parent>h2

将只应用于第一个

h2

这与继承无关。请解释问题是什么：您希望实现什么，以及实际渲染与预期渲染有何不同？

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