有没有办法从标签中删除所有格式 - 并应用已经 "in force" 的任何样式?
Is there a way to remove all formatting from a tag - and apply whatever style is already "in force"?
我想向某些文本添加标签(在本例中为 h2)- 但我想删除与该标签关联的所有样式格式。
<div>
<nav>
<h2>Menu 1</h2>
<h2>Menu 2</h2>
</nav>
<div>
所以我希望菜单项具有已从我的主题 css 设置的任何格式 - 而无需应用任何与 h2 关联的格式。但我不想 "hardcode" 格式化 - 否则我必须制作一个特殊的 nav.h2 css 条目,并在每次更改主题时更改它。
是否有类似 "style=ForgetEverythingDefinedForThisTagAndUseParentStyles:true;" 的选项?或者我唯一的选择是 "hardcode" 风格?
总的来说,我认为这是一种糟糕的做法,因为你应该设计自己的样式,这样你就不必返回 'hardcode' 'reset' 但在这种情况下你会想要做类似于下面的事情:
.css
.inheritall {
all:inherit
}
.html
<div>
<nav>
<h2 class="inheritall">Menu 1</h2>
<h2>Menu 2</h2>
</nav>
<div>
更多参考请查看:https://developer.mozilla.org/en-US/docs/Web/CSS/all
我想向某些文本添加标签(在本例中为 h2)- 但我想删除与该标签关联的所有样式格式。
<div>
<nav>
<h2>Menu 1</h2>
<h2>Menu 2</h2>
</nav>
<div>
所以我希望菜单项具有已从我的主题 css 设置的任何格式 - 而无需应用任何与 h2 关联的格式。但我不想 "hardcode" 格式化 - 否则我必须制作一个特殊的 nav.h2 css 条目,并在每次更改主题时更改它。
是否有类似 "style=ForgetEverythingDefinedForThisTagAndUseParentStyles:true;" 的选项?或者我唯一的选择是 "hardcode" 风格?
总的来说,我认为这是一种糟糕的做法,因为你应该设计自己的样式,这样你就不必返回 'hardcode' 'reset' 但在这种情况下你会想要做类似于下面的事情:
.css
.inheritall {
all:inherit
}
.html
<div>
<nav>
<h2 class="inheritall">Menu 1</h2>
<h2>Menu 2</h2>
</nav>
<div>
更多参考请查看:https://developer.mozilla.org/en-US/docs/Web/CSS/all