PostCSS 插件

控制

有两种方法可以更明确地实现 PostCSS 魔术。

使用 postcss-plugin-context 限制插件的本地样式表上下文

.css-example.is-test-for-css4-browsers {
  color: gray(255, 50%);
}
@context postcss-preset-env {
  .css-example.is-fallback-for-all-browsers {
    color: gray(255, 50%);
  }
}

或者使用 postcss-use 直接在 CSS 中启用插件

@use autoprefixer(browsers: ['last 2 versions']);

:fullscreen a {
  display: flex;
}

包

• postcss-utilities 包括最常用的混合、快捷方式和帮助程序，可用作 @util 规则。
• atcss 包含根据特殊注释转换 CSS 的插件。
• cssnano 包含优化 CSS 大小以用于生产的插件。
• oldie 包含为旧版 Internet Explorer 兼容性转换 CSS 的插件。
• rucksack 包含使用新功能和快捷方式加速 CSS 开发的插件。
• level4 仅包含允许你编写 CSS4 而无需 IE9 回退的插件。
• short 添加并扩展了许多速记属性。
• stylelint 包含用于检查样式表的插件。
• postcss-hamster 用于垂直节奏、排版、模块化比例函数。
• postcss-preset-env 允许你将现代 CSS 转换为大多数浏览器可以理解的内容，根据你针对的浏览器或运行时环境确定所需的填充。
• postcss-ui-theme 为你提供语法糖，并允许你更改主题。

未来 CSS 语法

• postcss-apply 支持自定义属性集引用。
• postcss-attribute-case-insensitive 支持不区分大小写的属性。
• postcss-bidirection 使用单一语法生成从左到右和从右到左的样式。
• postcss-color-function 支持转换颜色的函数。
• postcss-color-gray 支持 gray() 函数。
• postcss-color-hex-alpha 支持 #rrggbbaa 和 #rgba 表示法。
• postcss-color-hsl：将 CSS 颜色 4 hsl() 转换为更兼容的 hsl() 或 hsla()。
• postcss-color-hwb 将 hwb() 转换为广泛兼容的 rgb()。
• postcss-color-image 支持 image(<color>) 语法，允许将纯色用作图像。
• postcss-color-rebeccapurple 支持 rebeccapurple 颜色。
• postcss-color-rgb：将 CSS 颜色 4 rgb() 转换为更兼容的 rgb() 或 rgba()。
• postcss-conic-gradient 支持 conic-gradient 背景。
• postcss-custom-media 支持媒体查询的自定义别名。
• postcss-custom-properties 支持变量，使用 W3C 自定义属性中的语法。
• postcss-custom-selectors 为选择器添加自定义别名。
• postcss-extend 支持规则和占位符的规范近似 @extend，递归。
• postcss-font-format-keywords 将 @font-face 规则的 format() 函数中的关键字转换为广泛支持的字符串。
• postcss-font-normalize 用于规范字体，尤其是 font-family。
• postcss-font-variant 将可读的 font-variant 转换为更广泛支持的 CSS。
• postcss-font-family-system-ui 将 W3C CSS font-family: system-ui 转换为实用的字体列表。
• postcss-font-display 添加 font-display css 规则。
• postcss-host 使 Shadow DOM 的 :host 选择器可以与伪类正常工作。
• postcss-initial 支持 initial 关键字和 all: initial 来清除继承样式。
• postcss-logical-properties 根据文档的书写方向将 start 和 end 属性转换为 left 和 right。
• postcss-media-minmax 为媒体查询添加 <= 和 => 语句。
• postcss-multi-value-display 将 inline flex 和 block flow 转换为 inline-flex 和 block
• postcss-pseudo-class-any-link 添加 :any-link 伪类。
• postcss-pseudo-is 将 :is() 转换为更兼容的 CSS。
• postcss-selector-not 将 CSS4 :not() 转换为 CSS3 :not()。
• postcss-selector-matches 将 CSS4 :matches() 转换为更兼容的 CSS。
• postcss-start-to-end 允许你通过逻辑而不是方向/物理规则来控制你的布局（LTR 或 RTL）。
• postcss-subgrid 为 CSS display: subgrid 规范提供了一个基本的垫片。
• mq4-hover-shim 支持 @media (hover) 特性。

另请参阅 postcss-preset-env 插件包，通过一行代码添加未来的 CSS 语法。

后备

• postcss-color-rgba-fallback 将 rgba() 转换为十六进制。
• postcss-disabled 当 :disabled 伪类存在时，添加一个 [disabled] 属性和/或一个 .disabled 类。
• postcss-epub 为相关属性添加 -epub- 前缀。
• postcss-esplit 为 IE 将超过 4095 个选择器的 CSS 拆分。
• postcss-fallback 添加 fallback 函数以避免重复声明。
• postcss-filter-gradient 为旧版 IE 添加渐变滤镜。
• postcss-flexibility 为 Flexibility polyfill 添加 -js- 前缀。
• postcss-gradient-transparency-fix 转换渐变中的 transparent 值，以支持 Safari 的不同颜色插值。
• postcss-hash-classname 将哈希字符串附加到 CSS 类名。
• postcss-mqwidth-to-class 将最小/最大宽度媒体查询转换为类。
• postcss-opacity 为 IE8 添加不透明度滤镜。
• postcss-opacity-percentage 将基于 CSS4 百分比的 opacity 值转换为浮点值。
• postcss-page-break 为 break- 属性添加 page-break- 备用。
• postcss-pseudoelements 为 IE 8 兼容性将 :: 选择器转换为 : 选择器。
• postcss-redundant-color-vars 为某些边框和 box-shadow 声明添加自定义属性，以修复已知的 Safari 错误
• postcss-replace-overflow-wrap 用 word-wrap 替换 overflow-wrap。
• postcss-round-subpixels 将子像素值舍入到最接近的完整像素的插件。
• postcss-unmq 删除媒体查询，同时保留 IE≤8 的桌面规则。
• postcss-vmin 为 IE9 中的 vmin 单位生成 vm 备用。
• postcss-will-change 在 will-change 属性之前插入 3D hack。
• autoprefixer 使用 Can I Use 中的数据为你添加供应商前缀。
• postcss-pie 为 IE 提供了几个最实用的 CSS3 装饰功能。
• cssgrace 提供各种帮助程序，并为 IE 和其他旧浏览器转换 CSS 3。
• pixrem 为 rem 单位生成像素备用。
• postcss-fixie 添加简单无痛的 IE hack
• postcss-safe-area 为 safe-area-inset env 变量添加浏览器备用。
• webp-in-css 在 CSS 中使用 WebP 背景图片。
• postcss-clamp 将 clamp() 转换为 min/max 的组合
• postcss-spring-easing 用结果 linear() 函数替换 spring()，并添加 --spring-duration css 变量。

另请参阅 oldie 插件包。

语言扩展

• postcss-aspect-ratio 将元素的尺寸固定为纵横比。
• postcss-atroot 将规则直接放在根节点。
• postcss-bem-fix 为 BEM 和 SUIT 样式类添加 at 规则。
• postcss-click 允许使用 :click 伪类并在 JavaScript 中实现它。
• postcss-compact-mq 提供基于视口宽度的媒体查询的紧凑语法。
• postcss-conditionals 添加 @if 语句。
• postcss-css-variables 支持选择器和使用类似 W3C 语法的 at 规则的变量。
• postcss-current-selector 在声明中获取当前选择器。
• postcss-define-property 定义属性快捷方式。
• postcss-define-function 实现 Sass @function 指令。
• postcss-each 添加 @each 语句。
• postcss-for 添加 @for 循环。
• postcss-at-rules-variables 在 @for、@each、@if 等中添加对自定义属性的支持。
• postcss-functions 启用 JavaScript 函数的公开。
• postcss-if-media 在 CSS 规则和属性中内联或嵌套媒体查询。
• postcss-inline-media 将多个媒体查询内联到 CSS 属性值中。
• postcss-local-constants 添加对本地化常量的支持。
• postcss-map 启用配置映射。
• postcss-match 为 Rust 样式模式匹配 添加 @match。
• postcss-mixins 启用比 Sass 更强大的混合，在样式表或 JS 中定义。
• postcss-media-variables 在 @media 规则中添加对 var() 和 calc() 的支持
• postcss-modular-scale 添加模块化比例 ms() 函数。
• postcss-namespace 为选择器添加命名空间前缀。
• postcss-nested 展开嵌套规则。
• postcss-nested-props 展开嵌套属性。
• postcss-nested-vars 支持嵌套 Sass 风格变量。
• postcss-pseudo-class-any-button 添加 :any-button 伪类，用于定位所有按钮元素。
• postcss-pseudo-class-enter 将 :enter 转换为 :hover 和 :focus。
• postcss-quantity-queries 启用数量查询。
• postcss-ref 引用其他规则中的属性。
• postcss-reverse-media 反转/反转媒体查询参数。
• postcss-sassy-mixins 启用带有 Sass 关键字的混合。
• postcss-map-get 添加了使用 Sass 类似的 map 函数 map-get 的功能。
• postcss-simple-extend 轻量级扩展静默类，如 Sass 的 @extend。
• postcss-simple-vars 支持 Sass 风格变量。
• postcss-strip-units 从属性值中删除单位。
• postcss-vertical-rhythm 基于 font-size 和 line-height 添加垂直节奏单位。
• postcss-vertical-rhythm-function 添加一个垂直节奏 vr() 函数，该函数与单位无关，并且适用于在构建时无法计算字体大小的情况。
• postcss-responsive-properties 允许你编写响应式属性值。
• postcss-text-remove-gap 删除文本字符串前后空格，由行高和字形本身的额外空格添加。
• postcss-closest 插件修改当前选择器最接近匹配的部分。
• csstyle 向你的样式添加组件工作流。
• postcss-percentage 支持类似 Sass 的 percentage() 函数。
• postcss-custom-css-units 定义自定义 css 单位并将其转换为 CSS 变量。
• postcss-easy-z 允许你通过声明它们之间的关系来组织 z 轴索引。
• @csstools/postcss-design-tokens 允许你从 CSS 导入和使用设计令牌。

颜色

• postcss-ase-colors 用从 ASE 调色板文件中读取的值替换颜色名称。
• postcss-brand-colors 在 brand-colors 模块中插入公司品牌颜色。
• postcss-color-alpha 将 #hex.a、black(alpha) 和 white(alpha) 转换为 rgba()。
• postcss-color-hcl 将 hcl(H, C, L) 和 hcl(H, C, L, alpha) 转换为 #rgb 和 rgba()。
• postcss-color-hexa 将 hexa(hex, alpha) 转换为 rgba 格式。
• postcss-color-mix 将两种颜色混合在一起。
• postcss-color-palette 将 CSS 2 颜色关键字转换为自定义调色板。
• postcss-color-pantone 将潘通色转换为 RGB。
• postcss-color-scale 添加颜色比例 cs() 函数。
• postcss-color-short 添加颜色简写声明。
• postcss-color-yiq 使用 YIQ 色彩空间设置前景颜色。
• postcss-colorblind 使用滤镜转换颜色以模拟色盲。
• postcss-contrast 检查背景色并给出白色或黑色。
• postcss-dark-theme-class 使用自定义切换器强制使用深色或浅色主题。
• postcss-theme-colors 使用颜色组添加深色和浅色主题。
• postcss-hexrgba 添加简写十六进制 rgba(hex, alpha) 方法。
• postcss-rgb-plz 将 3 位或 6 位十六进制值转换为 rgb。
• postcss-rgba-hex 将 rgba 值转换为 hex 类似物。
• postcss-shades-of-gray 帮助将灰度颜色保持一致到灰色调色板。
• colorguard 帮助维护一致的颜色调色板。
• postcss-get-color 从图像中获取主要颜色。
• postcss-randomcolor 支持使用随机颜色的函数。

图像和字体

• avif-in-css 在 CSS 背景中使用 AVIF 图像格式。
• postcss-assets 允许您简化 URL、插入图像尺寸和内联文件。
• postcss-assets-rebase 从 url() 中重新定位资产。
• postcss-at2x 通过使用 at-2x 关键字处理视网膜背景图像。
• postcss-background-image-auto-size 自动生成 background-image 的 CSS 规则 width 和 height。
• postcss-border-9-patch 通过自定义规则生成类似 9 块补丁的边框样式。
• postcss-cachebuster 为图片和字体添加版本参数
• postcss-copy-assets 将相对 url() 引用的资源复制到构建目录中。
• postcss-data-packer 将嵌入的 Base64 数据移动到一个单独的文件中。
• postcss-easysprites 根据图片的 image.png#hash 和宽高比 (@2x) 将图片合并为雪碧图。
• postcss-icon-blender 从超过 80,000 个免费和开源图标中创建自定义 SVG 图标集
• postcss-image-set 为 image-set() 添加带有第一张图片的 background-image。
• postcss-image-inliner 内联本地和远程图片。
• postcss-instagram 为 filter 添加 Instagram 滤镜。
• postcss-filter-tint 为元素（如图片）添加色调滤镜。
• postcss-foft-classes 为使用网络字体的块添加保护类，以获得更好的字体加载策略。
• postcss-font-awesome 为字体真棒 Unicode 代码添加一个简单的快捷方式
• postcss-font-pack 简化字体声明，并验证它们是否与配置的字体包匹配。
• postcss-fontsize 生成 rem 单位 font-size 和 line-height，并带有 px 备用。
• postcss-fontpath 为不同的浏览器添加字体链接。
• postcss-font-grabber 它抓取 @font-face 中的远程字体，下载它们并更新你的 CSS。
• postcss-lazyimagecss 自动添加图片宽度和高度。
• postcss-lazysprite 从图片目录中生成精灵图。
• postcss-placehold 轻松插入占位图片。
• postcss-resemble-image 为图片提供渐变回退，该图片与原始图片大致相似。
• postcss-resolve-urls 解析在 url() 中引用的相对 URL
• postcss-responsive-images 添加样式表，使您的图片具有响应性。
• postcss-sprites 从样式表中生成 CSS 精灵图。
• postcss-svg 将内联 SVG 插入 CSS，并允许管理其颜色。
• postcss-svg-fallback 将 CSS 中的 SVG 转换为 PNG 文件，适用于 IE 8。
• postcss-svgo 通过 SVGO 处理内联 SVG。
• postcss-unicode-characters 让编写 unicode-range 描述符变得更轻松。
• postcss-url 重新定位或内联 url()。
• postcss-urlrebase 将 url() 重新定位到给定的根 URL。
• postcss-urlrev 向 url() 添加 MD5 哈希字符串。
• postcss-write-svg 在 CSS 中写入内联 SVG。
• postcss-inline-svg 内联 SVG 图片并自定义其样式。
• webpcss 为支持 WebP 的浏览器添加 WebP 图片的 URL。
• webp-in-css 在 CSS 背景中使用 WebP 图片格式。

网格

• postcss-grid 添加语义网格系统。
• postcss-grid-kiss 将 ASCII 艺术网格转换为 CSS Grid 布局。
• postcss-grid-system 基于固定列宽创建网格。
• postcss-grid-fluid 创建流体网格。
• postcss-layout 一些常见 CSS 布局模式和网格系统的插件。
• postcss-maze 是一个移动优先、语义响应网格，适用于任何设计模式。
• postcss-neat 是一个语义和流体网格框架。
• postcss-oldschool-grid 是一款包含换行列和填充间距的网格系统。
• postcss-simple-grid 用一行代码创建网格。
• lost 是 Jeet 作者开发的一款功能丰富的 calc() 网格系统。

优化

• postcss-calc 将 calc() 简化为值（当表达式涉及相同的单位时）。
• postcss-remove-nested-calc 将 calc(100vw - calc(20% - 10px)) 简化为 calc(100vw - (20% - 10px))，以兼容 IE 11。
• postcss-class-name-shortener 缩短 CSS 类名，以优化网站性能。
• postcss-combine-duplicated-selectors 自动合并相同的选择器。
• postcss-filter-mq 过滤所有匹配或不匹配的媒体查询。
• postcss-import 内联 @import 规则引用的样式表。
• postcss-nested-import 内联嵌套规则块中 @import 规则引用的样式表。
• postcss-partial-import 内联标准导入和类似 Sass 的部分。
• postcss-reference 模拟 Less 的 @import。
• postcss-remove-root 从样式表中移除所有 :root 实例。
• postcss-single-charset 确保文件顶部只有一个 @charset 规则。
• postcss-zindex 重新计算正 z-index 值。
• postcss-unprefix 删除传统 CSS 中的供应商前缀。
• css-byebye 删除不需要的 CSS 规则。
• css-mqpacker 将匹配的 CSS 媒体查询合并为一个语句。
• stylehacks 根据浏览器支持删除 CSS hack。
• postcss-mq-optimize 删除无效的媒体查询或其表达式。
• postcss-uncss 从样式表中删除未使用的 CSS。
• postcss-html-filter 过滤掉不适用于你提供的 HTML 的 CSS。
• postcss-no-important 删除 !important 声明。
• postcss-deep-scopable 统一 Vue.js 的深度作用域样式。
• postcss-deadcss 帮助在样式表中查找无效的 CSS。
• postcss-variable-compress 缩小 CSS 变量，节省空间。

另请参阅模块化缩小器 cssnano 中的插件。

快捷方式

• postcss-alias 为属性创建较短的别名。
• postcss-alias-atrules 为 at 规则创建较短的别名。
• postcss-all-link-colors 为与链接相关的伪类插入颜色。
• postcss-border 为 border 属性中所有边框的宽度和颜色添加简写。
• postcss-border-shortcut PostCSS 插件，用于在未表达时分配默认 border 类型。
• postcss-button 创建按钮。
• postcss-center 使元素居中。
• postcss-circle 插入一个有颜色的圆形。
• postcss-clearfix 为 clear 声明添加 fix 和 fix-legacy 属性。
• postcss-crip 懒得写的 Crips 的简写属性。
• postcss-default-unit 为数字 CSS 属性添加默认单位。
• postcss-easings 用 cubic-bezier() 函数替换 easings.net 中的缓动名称。
• postcss-filter 为黑白滤镜添加简写。
• postcss-focus 为每个 :hover 添加 :focus 选择器。
• postcss-generate-preset 允许快速生成规则。对于创建重复的实用程序很有用。
• postcss-hidden 允许轻松隐藏元素。
• postcss-input-style 为跨浏览器的输入样式添加新的伪元素。
• postcss-nested-ancestors 在嵌套 CSS 中引用任何父级/祖先选择器。
• postcss-parent-selector 在所有规则的开头添加一个父级选择器。
• postcss-position 为位置属性添加简写声明。
• postcss-property-lookup 允许在没有变量的情况下引用属性值。
• postcss-range-value 在两个屏幕尺寸之间具有最大值和最小值的范围值。
• postcss-responsive-type 根据屏幕尺寸更改 font-size。
• postcss-scrib 为属性或值定义你自己的别名/快捷方式。
• postcss-short-font-size 扩展 font-size 以将行高定义为第二个值。
• postcss-short-position 扩展 position 以将边缘定义为附加值。
• postcss-short-spacing 扩展 margin 和 padding 以允许或省略边缘。
• postcss-short-text 为多个文本相关属性添加了 text 快捷属性。
• postcss-size 添加了一个 size 快捷属性，使用一个声明设置宽度和高度。
• postcss-speech-bubble 只需几行 CSS 即可添加不同类型的言语气泡。
• postcss-transform-shortcut 允许在 CSS 中使用速记变换属性。
• postcss-triangle 创建一个三角形。
• postcss-typescale 根据排版比例设置类型。
• postcss-verthorz 添加垂直和水平间距声明。
• font-magician 生成 CSS 中所需的所有 @font-face 规则。
• postcss-animation PostCSS 插件，从 animate.css 添加 @keyframes。
• postcss-magic-animations PostCSS 插件，从 Magic Animations 添加 @keyframes。

其他

• [postcss-add-root-selector] 以智能方式将所有规则包装在一个自定义选择器中。
• postcss-alter-property-value 根据基于规则的配置更改你的 CSS 声明。
• postcss-attribute-selector-prefix 为属性选择器添加一个前缀
• [postcss-auto-rem] 在不配置的情况下将像素单位编译为 rem。
• postcss-autoreset 自动添加重置样式。
• postcss-bem-to-js 为 BEM 样式 CSS 创建一个 JavaScript 定义文件。
• postcss-bom 为文件添加一个 UTF-8 BOM。
• postcss-blurry-gradient-workaround 修复了具有太多显式结束点的模糊 CSS 渐变。
• postcss-camelcaser 将选择器转换为驼峰命名法。
• postcss-class-prefix 为类选择器添加一个前缀/命名空间。
• postcss-classes-to-mixins 将类转换为 Sass、Less 和 Stylus 混合
• postcss-currency 用符号替换货币名称。
• postcss-d-ts 为 TypeScript import 生成 .d.ts 声明，用于使用的 CSS 类和 ID
• postcss-eol 替换文件 EOL。
• postcss-extract-value 从 CSS 属性中提取值，并将它们放入变量中。
• postcss-fakeid 将 #foo ID 转换为属性选择器 [id="foo"]。
• postcss-filter-stream 列出不想使用 PostCSS 插件处理的文件/文件夹。
• postcss-flexbox 轻松理解和开始使用 CSS3 Flexbox。
• postcss-flexbox-reset 重置 Flexbox，以避免响应式布局中的问题。
• postcss-flexboxfixer 仅取消旧版 CSS 中 -webkit- 的 flexbox 前缀。
• postcss-flexbugs-fixes 修复了一些已知的 flexbox bug。
• postcss-gradientfixer 仅取消旧版 CSS 中 -webkit- 的渐变前缀。
• postcss-grid-reset 重置 CSS Grid，以避免响应式布局中的问题。
• postcss-hash 使用哈希算法替换输出文件名，以清除缓存。
• postcss-ie8 为 IE8 删除不受支持的属性和媒体查询。
• postcss-increase-specificity 增加选择器的特异性。
• postcss-inline-rtl 将您的 CSS 转换为从右到左，但内联（仅添加您需要的内容）。
• postcss-join-transitions 联接冲突的转换声明。
• postcss-letter-tracking 生成相对的、与 Photoshop 兼容的字间距，以改善字母间距。
• postcss-light-text 为浅色文本添加 -webkit- 抗锯齿。
• postcss-modules 允许在任何地方使用 CSS 模块。
• postcss-momentum-scrolling 为 iOS 上具有溢出的元素添加动量样式滚动行为 (-webkit-overflow-scrolling:touch)。
• postcss-mq-keyframes 将媒体查询中的所有动画关键帧移动到文件末尾。
• postcss-mq-last 通过将媒体查询规则移动到文件末尾，为其赋予优先权。
• postcss-node-modules-replacer 将包含 node_modules 的路径替换为 ~。
• postcss-plugin-namespace 向所有规则添加一个 CSS 选择器，以便 CSS 文件不会影响其他元素。
• postcss-prefix-hover 向任何包含 :hover 的选择器添加前缀。
• postcss-pseudo-content-insert 如果 :before 和 :after 缺少，则向其添加 content: ''。
• postcss-pseudo-element-cases 将 .style::BEFORE 转换为 .style::before，反之亦然。
• postcss-pseudo-element-colons 将 .style:before 转换为 .style::before，反之亦然。
• postcss-pseudo-elements-content 向 :before-c 和 :after-c 添加 content: ''。
• postcss-pxtorem 将像素单位转换为 rem。
• postcss-raw 保护 @raw at 规则内的节点不被其他插件触及。
• postcss-remove-prefixes 删除供应商前缀。
• postcss-rtlcss 在一个 CSS 文件中创建从左到右和从右到左的规则。
• postcss-safe-important 安全地向样式声明添加 !important。
• postcss-sanitize 使用规则删除属性和值。
• postcss-scopify 向每个选择器添加用户输入范围。
• postcss-select 根据选择器列表选择规则。
• postcss-selector-prefixer 向 CSS 选择器添加前缀。
• postcss-shorthand-expand 扩展简写属性。
• postcss-simple-trig 计算三角函数：sin/cos/tan。
• postcss-sorting 按指定顺序对规则内容进行排序。
• postcss-sort-media-queries 使用移动优先或桌面优先方法合并和排序 CSS 媒体查询。
• postcss-style-guide 自动生成样式指南。
• css-declaration-sorter 快速自动地按一定顺序对 CSS 声明进行排序。
• perfectionist 格式化编写不佳的 CSS 并呈现“漂亮”的结果。
• rtlcss 镜像从右到左区域设置的样式。
• stylefmt 现代 CSS 格式化程序，与 stylelint 配合良好。
• postcss-autocorrect 纠正错别字并在控制台中通知。
• postcss-px-to-viewport 从 px 单位生成视口单位（vw、vh、vmin、vmax）。
• postcss-viewport-height-correction 解决 100vh 不适合移动浏览器屏幕的常见问题。
• postcss-unit-processor 灵活处理 CSS 单位。
• postcss-rem-to-px 将 rem 值转换为 px 值。
• postcss-design-tokens 提供一个函数，用于在 CSS 中检索用 JS 或 JSON 表示的设计标记。
• postcss-pixel-to-remvw 将 px 同时转换为 rem 和 vw，也可以只转换其中一种
• postcss-easy-import 内联 @import 规则内容，并提供额外功能。
• postcss-plugin-ignore-file 忽略带有顶部注释 /* @ignore */ 的文件。

分析

• postcss-bem-linter 检查 CSS 是否符合 SUIT CSS 方法。
• postcss-cssstats 返回一个包含 CSS 统计信息的对象。
• postcss-regexp-detect 在 CSS 声明中搜索正则表达式。
• css2modernizr 创建一个 Modernizr 配置文件，它仅需要 CSS 使用的测试。
• doiuse 使用 Can I Use 中的数据来检查 CSS 对浏览器的支持。
• immutable-css 检查 CSS 中的类突变。
• list-selectors 列出并分类 CSS 中使用的选择器，用于代码审查。

报告器

• postcss-browser-reporter 在浏览器中直接显示其他插件的警告消息。
• postcss-forced-variables 在指定属性不使用变量时提供警告和错误。
• postcss-reporter 在控制台中记录其他插件的警告和其他消息。

趣味

• postcss-australian-stylesheets 澳大利亚样式表。
• postcss-andalusian-stylesheets 安达卢西亚样式表。
• postcss-aze-stylesheets 阿塞拜疆样式表。
• postcss-canadian-stylesheets 加拿大样式表。
• postcss-chinese-stylesheets 中文样式表。
• postcss-czech-stylesheets 捷克样式表。
• postcss-german-stylesheets 德文样式表。
• postcss-italian-stylesheets 意大利样式表。
• postcss-russian-stylesheets 俄文样式表。
• postcss-swedish-stylesheets 瑞典样式表。
• postcss-tatar-stylesheets 鞑靼样式表
• postcss-trolling 钓鱼样式表。
• postcss-lolcat-stylesheets 猫咪语样式表。
• postcss-imperial 为 CSS 添加对英制和美国习惯长度单位的支持。
• postcss-russian-units 为 CSS 添加对俄制长度单位的支持。
• postcss-pointer 将 pointer: cursor 替换为 cursor: pointer。
• postcss-spiffing 让你在 CSS 中使用英式英语。
• postcss-spanish-stylesheets 西班牙语样式表。
• postcss-nope 让你可以编写 nope 而不是 none。
• postcss-glitch 为你的文本添加故障效果。
• postcss-khaleesi 将 CSS 值和属性翻译为 khaleesi meme 语言。