1

我有一个文件typography.css,其中包含一个 cssnext自定义属性( --headingColor)、一个 cssnext自定义属性集( --heading)、一个@value、一个全局元素样式 ( h1) 和一个 CSS 类 ( .heading):

:root {
  --headingColor: #f00;
  --heading {
    letter-spacing: 0.2em;
    color: --headingColor;
  }
}

@value headingColor: #f00;

h1 {
  @apply --heading;
}

.heading {
  @apply --heading;
}

使用 postcss,我可以使用 @value 并在 CSS 模块中编写类,而无需在输出的 CSS 中包含h1and类:.heading

@value headingColor from "typography.css";
.moduleHeading {
  composes: heading from "typography.css";
}

但是,使用 cssnext 功能,我怎样才能用 and 做同样的事情--heading--headingColor而不输出h1样式和.heading类?

4

0 回答 0