如何使来自 codepen 的文件在 vsc 上工作？
How do I make this file from codepen work on vsc?
<link rel="stylesheet" href="https://raw.githubusercontent.com/kathykato/12columns/master/12columns.scss">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.12/css/all.css">
<link rel="stylesheet" href="gallery.css">
我在 header 中添加了一些链接
但输出与代码笔上的输出不同
我在 codepen 上注意到它说预处理器是 SCSS。我需要为此采取任何额外的步骤吗？谷歌搜索让我更加困惑为什么链接不起作用Codepen image
您链接到的第一个文件是 .scss 文件（SASS CSS 文件）。您的浏览器无法读取此类文件 - 它需要 'preprocessed' 由 SASS 能力的预处理器将此类文件转换为 CSS.
不过，在您的情况下，您最好只下载已处理的 *.min.css 文件并使用它。
<link rel="stylesheet" href="https://raw.githubusercontent.com/kathykato/12columns/master/12columns.scss">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.12/css/all.css">
<link rel="stylesheet" href="gallery.css">
我在 header 中添加了一些链接 但输出与代码笔上的输出不同 我在 codepen 上注意到它说预处理器是 SCSS。我需要为此采取任何额外的步骤吗？谷歌搜索让我更加困惑为什么链接不起作用Codepen image
您链接到的第一个文件是 .scss 文件（SASS CSS 文件）。您的浏览器无法读取此类文件 - 它需要 'preprocessed' 由 SASS 能力的预处理器将此类文件转换为 CSS.
不过，在您的情况下，您最好只下载已处理的 *.min.css 文件并使用它。