Question

我正在从WYSIWYG编辑器生成内容（ckeditor）。我想显示内容但是使用双字体大小，而不更改HTML （如果可能）。这是一个HTML示例

<div id="contents">
  <p style="text-align:center">
     <span style="font-size:72px">
       <span style="color:#FFFFFF"><span style="font-family:helvetica">Foo</span>
     </span>
     <span style="font-size:24px">Bar</span>
  </p>
</div>

我一直试图通过这样做来加倍字体大小：

span {
   font-size: 200%;
}

结果是400％（因为在这种情况下它是2个跨度）。

这里有什么想法吗？

Answer 1

将已定义span的跨度父级的font-size子级的字体大小加倍，从而为其所有跨区子级设置font-size: 100%

span[style^="font-size"] span {
  font-size: 200%;
}

span[style^="font-size"] span span {
  font-size: 100%;
}

Codepen：http://codepen.io/anon/pen/NGWRNJ

div的双字体大小与CSS

1 个答案: