html - 如何使用多属性 css 变量？

Question

我需要一些关于这个具有多个属性的 css 变量如何工作的文档或解释。

<custom-style>
  <style>
    html {
      --paper-font-common-base: {
        font-family: sans-serif;
        -webkit-font-smoothing: antialiased;
      }
      ;
    }
  </style>
</custom-style>

我的问题不在于这段特定的代码，我之前使用过 css 变量，但这是我第一次看到这样的东西，我不知道它是什么或它是如何工作的。

Answer 1

这是您可以使用 polymer 定义自定义 css 属性的方式。 https://www.polymer-project.org/2.0/docs/devguide/custom-css-properties