css - 如何编写带有变量的 css 规则来更改字体大小？

Question

我可以做一些事情吗:

.page-text-size-* { font-size: * !important; }

“*”应替换为数字。

或者我需要这样使用:

.page-text-size-10 { font-size: 10px !important;  }
.page-text-size-12 { font-size: 12px !important;  }

Answer 1

仅使用 CSS 只有 Mozilla 才有可能，它仍然是一项实验性技术 (https://developer.mozilla.org/en-US/docs/Web/CSS/Using_CSS_variables#Browser_compatibility)。

但您可以使用 Less(http://lesscss.org)或 Sass(http://sass-lang.com)来完成它。