什么是CSS供应商前缀

  • 本文关键字:供应商 前缀 CSS css
  • 更新时间 :
  • 英文 :


我开始使用Bootstrap。因此,我开始阅读入门部分。在这附近的某个地方有一个关于"autoprefixer"的注释。我不知道这意味着什么。点击一下我就到了。我试着理解"autoprefixer"是什么。问题是第一句话是"PostCSS插件,用于解析CSS,并使用Can I Use中的值向CSS规则添加供应商前缀。"。最后,我看到PostCSS是一个具有神奇效果的CSS处理器,它可以使用大量插件。其中之一是"autoprefixer"。它将"供应商前缀"添加到CSS规则中。但是,供应商前缀是什么?

当CSS规范中引入新功能时,或者仅仅作为一个浏览器供应商的测试气球时,该功能通常隐藏在供应商前缀后面。例如,border-radius在Chrome/Webkit浏览器中最初是-webkit-border-radius,在Firefox中则是-moz-border-radius。如果你想使用这样一个新功能,它还没有全面标准化,但必须以这样的前缀,你需要将所有各种-webkit-*-moz-*形式添加到你的CSS文件中,以在所有浏览器中支持它。autoprefixer允许您只使用标准名称border-radius,并且它将自动添加所有特定于供应商的前缀版本作为备选版本,从而使这一点变得更容易。

最新更新