覆盖CSS中继承的h1和h3值

我继承了以下CSS（原始CSS）：

h1{
字体大小：30px；
线高：36px；
}
h1小{
字号：18px；
}

我有一个类，我想在其中重写

h1

属性，如下所示：

.logo h1{
字体家族：“幼发香乌卡斯”；
字体大小：200px！重要；
字体大小：正常；
颜色：#22222；
}

如何在不修改原始CSS的情况下实现这一点？

！重要信息

值没有帮助

---

链接：

您错误地应用了CSS选择器

您的

.logo

类位于标题标记本身上，从代码中可以看到

您的CSS应该是：

h1.logo {
  font-family: "Euphemia UCAS";
  font-size: 200px !important;
  font-weight: normal;
  color: #222222;
}

只需仔细检查这个类的应用位置

另外，刚刚再次检查您的HTML，结果如下：

<h3 class="logo">Storify</h3>

---

还是我完全误解了您？

您可以在html中使用脚本元素

在脚本中，通过添加事件处理程序

addEventListener('load', function () {
   // Change your css properties here.
});

---

通过这种方式，您可以确保不会发生css样式的继承

您的新规则是否在原始规则之后声明？您的H1是否定义在具有“logo”类的元素中？如果可能的话，你可以在你的页面上发布一个链接，这将是一个理想的选择。你所说的“不修改原始css”是什么意思？这两个规则集是冲突的。优先级较高的优先。h1是否定义为类“logo”？是的，h1肯定在类logo中，较新的规则在较旧的规则之后声明。我正在通过编辑我的答案粘贴一个链接，以便您可以看到最终答案output@KhuramMalik：据我所知，您显示的链接中没有h1…我深表歉意。我链接到了错误的文件，但我将尝试您推荐的内容并向您报告

addEventListener('load', function () {
   // Change your css properties here.
});