css - 使用 CSS 文本的百分比 - 如何停止从父级继承字体大小

Question

我有这样的东西

 <body>
    <h2>
    Blue 
    <span>
    <a ....>add to combo</a>
    </span>
    </h2>
  </body>

和CSS

#body {font-size: 100%}
h2{font-size: 200%}
a{font-size: 80%}

现在我一直在阅读并意识到链接不会是 100% 的 80%，而是 200%（100%）的 80%，因为百分比取自父母的尺寸。

但是，我希望我所有的字体大小声明都以百分比表示而不继承，而只是从一些站点范围的基本字体大小来计算 - 比如 16px？

你是怎样做的？

score 2 · Accepted Answer

您的代码无法实现您想要的。您想继承字体 1 的特定大小，那么 childNodes 中的每个字体大小都将相对于父级。

如果你想使用某些字体大小而不是继承你应该明确设置它们

那就是说永远不要尝试使用重要的声明。请检查 CSS 如何将他的属性分配给 HTML 节点

score 0 · Accepted Answer

0

尝试使用“！important”规则：

于 2009-10-13T13:13:47.870 回答

score 0 · Accepted Answer

我认为您不能覆盖继承，因为这是级联样式表级联的一部分。

对于您的使用，您要么必须明确说明使用（非常）特定选择器的元素的字体大小（这可能会很快变得非常乏味且容易出错），例如：

h2 span a {font-size: 18px; } /* or whatever */

或者重新排序您的 html，以便跨度是的兄弟h2，而不是后代。不过，我同意这应该是可能的。

3 回答 3