如何设置相对于祖父而不是父亲的字体大小？

Question

我有span font-size:0来压缩空格：

<span style="font-size:0">
  <span>a</span>
  <span>b</span>
</span>

内部跨度继承父级的字体大小并消失。使用font-size:100%也无济于事，因为它也与父级相关。

如何定义相对于祖父的字体大小？

Answer 1

没有办法改变相对于祖先的字体大小，该祖先高于纯CSS中另一个定义的字体大小，即你不能。但是，有几种可行的解决方法：

• 使用JavaScript计算正确的字体大小
• 而不是外跨区上的font-size: 0，而是在内跨区使用float: left
• 更改HTML以删除空格
• 只需使用内部跨度设置的字体大小

Answer 2

您可以使用rem（'root'ems）单位相对于基本字体大小设置span的{​​{1}}：

font-size

http://snook.ca/archives/html_and_css/font-size-with-rem

Answer 3

解决方法是使用非常小的百分比而不是零的字体大小：http://jsfiddle.net/David_Knowles/DzXZv/

span {font-size: 0.1%; }
span > span {font-size: 100000%;}

Answer 4

您可以以像素为单位给出font-size。

'http://jsfiddle.net/uqHgW/`