Why use? (为什么使用)

When we encounter a third-party ui framework+tailwindcss, we can automatically weight the class selector of tailwindcss to override the default style of the third-party ui framework.

(当我们遇到第三方 ui 框架+tailwindcss 时，可以自动将 tailwindcss 的类选择器加权，从而覆盖第三方 ui 框架的默认样式)

How to use? (如何使用)

1. Download.

``shell
npm install @cnyyc-postcss8-plugin/tailwindcss-style-level-modification-plugin -D
`

2. Use.

`js
//postcss.config.{js,cjs}
/*@type {import("@cnyyc-postcss8-plugin/tailwindcss-style-level-modification-plugin")["default"]} /
const tailwindcssStyleLevelModificationPlugin = require("@cnyyc-postcss8-plugin/tailwindcss-style-level-modification-plugin");

module.exports = {
plugins: [
require("tailwindcss"),
require("autoprefixer"),
tailwindcssStyleLevelModificationPlugin(),
],
};
`

Deps (依赖)

At least postcss 8

`json
{
"devDependencies": {
"postcss": "^8.0.0"
}
}
``