非常教程

PostCSS 参考手册

PostCSS插件

面向未来的CSS语法

面向未来的CSS语法

  • postcss-apply 支持自定义属性集引用。
  • postcss-attribute-case-insensitive 支持不区分大小写的属性。
  • 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-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-normalize特别是对字体进行规范化font-family
  • postcss-font-variant将人类可读的内容font-variant 转化为更广泛支持的CSS。
  • postcss-font-family-system-ui将W3C CSS font-family: system-ui转换为实用的字体列表。
  • postcss-host使Shadow DOM的:host选择器与伪类一起正常工作。
  • postcss-initial支持initial关键字和all: initial 清理继承样式。
  • postcss-logical-properties变换startend性质left以及right取决于文件的写入方向。
  • postcss-bidirection 使用单一语法生成从左到右和从右到左的样式。
  • postcss-media-minmax向媒体查询添加<==>声明。
  • postcss-pseudo-class-any-link添加:any-link伪类。
  • postcss-selector-not将CSS4转换:not()为CSS3 :not()
  • postcss-selector-matches将CSS4转换:matches() 为更兼容的CSS。
  • postcss-start-to-end 让您通过逻辑而不是方向/物理规则来控制布局(LTR或RTL)。
  • mq4-hover-shim支持该@media (hover)功能。

另请参阅plugins pack以通过一行代码添加未来的CSS语法。cssnext

PostCSS

PostCSS 是一个利用 JS 插件来对 CSS 进行转换的工具

PostCSS 目录

1.快速上手
2.PostCSS插件指南
3.PostCSS runner指南
4.编写自定义语法
5.PostCSS插件
6.PostCSS和源地图