使div不从父div继承样式

Question

有没有办法让div不是父div的继承风格？

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

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

目标是保留<b>标签样式，而不是继承锚标签样式，即font和font-color。

Answer 1

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

a {
    parent styles here;
}

a b {
    style overrides here;
}

Answer 2

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

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

这个问题在这里也有答案：How to inherit grandparent css, not parents。他们还有一些使用JavaScript来复制样式的其他建议。但是，对于我的金钱压倒它更容易，至少如果它只是少数。