使 div 不继承父 div 的样式

Question

有没有办法让 div 不从父 div 继承样式？

例如（我们模板代码的一部分）：

<a data-field="friendsLink"><b>Friends</b></a>

目标是保持 <b> 标签样式，而不是继承锚标签样式，即字体和字体颜色。

Answer 1

不，样式将始终被继承。使内部 div 具有其他样式的唯一方法是用新声明显式覆盖它们。

在某些情况下，新声明可以是 font: initial 类型，但在您的情况下，我认为您别无选择，只能将样式重置为您想要的样式。

这个问题在这里也已经有了答案：How to inherit grandparent css, not parents。他们有一些额外的建议使用 JavaScript 来复制样式。但是为了我的钱，覆盖它更容易，至少如果它只有几个。

Answer 2

继承（某些）父样式是 css 规范的一部分。您最好接受它并使用特异性来声明样式以覆盖父样式：

a {
    parent styles here;
}

a b {
    style overrides here;
}