html - DHTML : Css inheritance problem

Question

你好，我想在我的 css 中使用来自浏览器默认值的简单继承:

.myfromh1{
font-weight: bold;
}

我可以告诉 css .myfromh1 类拥有 h1 默认类的所有属性吗？

谢谢阿尔曼。

Answer 1

从您的问题中并不清楚您想要实现什么。 CSS 使用覆盖规则的层次结构。

内联样式优先于 <style>区 block 代码

<style type="text/css">
#test { color: red; }
</style>

<span id="test" style="color: blue;">This text will be blue</span>

所有样式都优先于代码中前面定义的样式

<style type="text/css">
#test { color: red; }
#test { color: blue; }
</style>

<span id="test">This text will be blue</span>

具有高度特异性的样式优先于不太具体的样式

<style type="text/css">
#test { color: blue; }
.test { color: red; }
</style>

<span id="test" class="test">This text will be blue</span>

一些浏览器支持 !important关键字

<style type="text/css">
span { color: blue !important; }
#test { color: red; }

<span id="test">This text should be blue</span>

因此，要回答您的问题，如果您的元素是 H1元素，那么它将自动拥有 h1 的所有属性选择器，并且只有那些被 #myfromh1 覆盖的选择器将被更改。

但是，如果您正在寻找选择器之间的真正继承 - 如果 #myfromh1不是 H1 元素，但你希望它的样式像一个，那么答案是在 CSS 中无法实现。