倍率继承H1和H3值在CSS

我有被继承了下面的CSS（原CSS）：倍率继承H1和H3值在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值没有帮助。

您的新规则是在原始规则之后宣布的吗？也是你的H1 defintely在一个元素与'徽标'的类？如果可以的话，如果你可以发布一个链接到你的页面，这将是理想的。 – 2012-07-24 11:59:53

你的意思是“没有修改原始的css？”这两个规则集有冲突。优先级更高的优先级。 – 2012-07-24 12:00:07

是h1定义为类“标志”？ – DonCallisto 2012-07-24 12:00:19

你正确运用你的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; 
}

还是我误解你呢？

2012-07-24 12:32:08

我的歉意。我链接到错误的文件，但我会尝试你所建议的，并报告返回 – 2012-07-24 13:30:24

，工作得很好 - 谢谢你 – 2012-07-24 14:10:52

你可以在你的html中使用脚本元素。

在该脚本通过

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

添加事件处理这样你肯定不会出现任何的CSS样式继承。

2015-07-25 23:35:01 Paretozen

回答