css - 在 CSS 中覆盖继承的 h1 和 h3 值

Question

我继承了以下 CSS(原始 CSS):

h1 { 
    font-size:30px;
    line-height:36px;
}
h1 small {
    font-size:18px;
}

我有一个类，我想像这样覆盖 h1 属性:

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

如何在不修改原始 CSS 的情况下执行此操作？ !important 值没有帮助。

链接:https://dl.dropbox.com/u/3417415/Storify/mockups/screen1.html

Answer 1

您没有正确应用您的 CSS 选择器。

你的 .logo 类在标题标签本身上，从我在你的代码中看到的。

您的 CSS 应该改为:

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

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

此外，刚刚再次检查了您的 HTML，它看起来像这样:

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

所以你的 CSS 实际上应该是:

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

还是我误解了你？