问题标签 [cssnext]

尝试通过 postcss 使用嵌套规则，但在下面收到警告。我需要在 stylelint 文件中添加哪些规则来修复这些警告？

这是CSS：

警告：

当我使用postcss-loader和postcss-cssnext插件时，css-class在第二个嵌套的前面可以起作用，在第三个嵌套将不起作用

style.css

app.tsx

postcss-loader config

我有一个包含全局颜色的 cssnext 文件，例如：

我希望将这些解析为 JSON 对象，以便编辑颜色可以在适用的情况下自动更新样式指南。

是否可以解析这个/我该怎么做？

发现这个：https ://www.npmjs.com/package/jsonify-css但它似乎没有为我安装。

正在使用的其他技术：

• 反应
• 风格向导
• 网页包

感谢帮助

当使用带有 webpack 的 PostCSS 时，我使用postcss-cssnext这个选项来自定义属性：

我使用variables选项来覆盖在某些节点模块中定义的变量（react-toolbox例如）。

是否可以将css文件路径传递给variables某些方式？例如：

在我的myOverrideVars.css文件中：

我必须使用 JavaScript 来覆盖 css 参数，这有点烦人..

是否可以使用:root带有 ID 或 Class 的选择器？我正在尝试在不同的页面上翻转颜色。

我想在引入类时覆盖根变量。我知道我可以用 JS 实现，但如果可能的话，我想使用纯 CSS。

干杯!

这是我的 CSS 块：

stylelint 抱怨：

似乎它希望我拆分table和.table声明，但这只会复制样式。不知道如何保持代码干燥并满足 stylelint。有任何想法吗？

这些错误可以在这里重现https://stylelint.io/demo/。

我想将动态属性保存在变量中，然后我想将该变量与calc()

我有一个动态高度的课程

我想用类的高度属性分配一个变量.cuerpodetalle

然后我想将该变量用作动态度量并将其乘以 2 以获得 footerxpand

我正在尝试使用 Gulp 用 PostCss 转换我的 css。

当我将 cssnext 插件添加到 PostCss 时，出现以下错误：

Unknown error from PostCSS plugin. Your current PostCSS version is 6.0.19, but postcss-import uses 4.1.16. Perhaps this is the source of the error below.

这是我的gulpfile.js：

完整的堆栈跟踪：

据我所知，postcss-import 包是 cssnext 的一个依赖。所以我该怎么做？

这是我Webpack的scss/css文件配置。

问题是当我使用cssnext类似gray(100)的函数时，输出CSS文件在放置函数的位置有一个空值。我想知道我在这里做错了什么。

即 background-color: gray(100);输出到background-color: ;

我是 postcss 的新手，所以我还不知道它是如何工作的或如何正确配置它。

今天在设置一个新的 React 项目时，我刚刚意识到 Styled Components 支持 autoprefixer ——它是否也包含 cssnext，还是我需要安装 postcss-cssnext？