使用 SCSS 前缀

Question

我有一个使用 SCSS 的项目，我想知道为什么项目中使用了 prefix。使用Prefix的用例是什么

// Prefix for :root CSS variables

$prefix: bs-;
$white: #fff;

:root {
    //topbar
    --#{$prefix}heading-bg: #{$white};
    --#{$prefix}topbar-search-bg: #f3f3f9;
}

我提到了这个https://sass-lang.com/documentation/style-rules/declarations，但不太明白。

Answer 1

CSS 供应商前缀，有时也称为 CSS 浏览器前缀，是浏览器制造商在所有浏览器完全支持新 CSS 功能之前添加对这些功能的支持的一种方式。

例如：

1. 安卓：-webkit-
2. Chrome：-webkit-
3. 火狐：-moz-
4. Internet Explorer：-ms-
5. iOS：-webkit-
6. Opera: -o-
7. Safari：-webkit-