个人中心
文章发布
退出
作者热门文章
- android - 多次调用 OnPrimaryClipChangedListener
- android - 无法更新 RecyclerView 中的 TextView 字段
- android.database.CursorIndexOutOfBoundsException : Index 0 requested, 光标大小为 0
- android - 使用 AppCompat 时，我们是否需要明确指定其 UI 组件(Spinner、EditText)颜色
26
4
我正在构建我的第一个网站并希望我的样式表是 *.scss。
我正在使用带有文件观察器的 PhpStorm 来自动编译 (Node.js)，它可以很好地处理所有内容，但是如果我使用一个简单的颜色变量，例如背景颜色它不会引发任何错误，但它不会显示在我的页面上。
这是测试用的:
$color-red: #FF0000;
$color-green: #00FF00;
$color-blue: #0000FF;
h1 {
color: $color-red;
}
p {
color: $color-green;
}
a {
color: $color-blue;
}<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<link type="text/css" rel="stylesheet" href="test.scss">
</head>
<body>
<h1>A Red Title</h1>
<p>A green paragraph</p>
<a href="">A Blue Link</a>
</body>
</html>最佳答案
<link type="text/css" rel="stylesheet" href="test.scss">
您正在尝试将原始 SASS 作为浏览器中的 CSS 文件使用。您需要使用 SASS 编译器输出的编译后的 CSS 文件。
关于html - SCSS-Variables 不显示在前端，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/56884802/
26
4
0
我试图按部分组织我的 .css 文件，我需要从任何文件访问文件组中的任何类。在 Less 中，我可以毫无问题地创建一个包含所有文件导入的主文件，并且每个文件都导入主文件，但在 Sass 中，我收到一个
我有一个全局 main.scss 文件，我在其中声明了一个 .small-size-text{ font-size: 12px; } 并且在作为login.scss 的子组件文件中，我将另一个类定
这是一个我完全不明白的奇怪错误。我通常会先搜索并寻求答案，然后再将其发布到 StackOverflow 上。所以问题是我想使用从另一个名为 的 scss 文件中导入的变量。 _variables.co
我试图让 livereload 与 rails 3.2 一起工作，我遇到了这个问题，其中有一个引用，不使用 .css.scss 命名导入的 sass 部分: Rails: Use livereload
这是我当前在 gulpfile.js 中的代码部分: // Sass gulp.task('sass', function () { gulp.src(['./node_modules/boots
我有这样一个样式文件的项目结构: client/ config-style.scss ------components/ ------style.scss -----------------my_co
如何在另一个.scss文件中包括.scss文件？ 我试图将其写入文件中: app.scss: @include('buttons'); @include('dropzone'); body {
当我向 body 添加“dark-theme”类时，我想添加一个不同的主题。我的实现是这样的: @import '../../../../node_modules/angular-grids/styl
我在一个 Angular 元素中有一个 SCSS，它从 node_modules 导入另一个 SCSS: @import "node_modules/grapesjs/src/styles/scss/
它会缓存一个文件还是会导入两次并加倍我的代码？ 假设我有variable.scss 并且必须将它导入那两个apple.scss | orange.scss。这样可以吗？ 最佳答案 根据需要多次导入 v
这是 style.scss - 文件 @import '~bootstrap/scss/_functions.scss'; @import '~bootstrap/scss/_variables.sc
我在我的应用程序上使用 Angular (Jhipster)，我想在我的 glocal.scss 文件中导入几个 .scss 文件。所以我创建了一个“util”文件夹(与 global.scss 文件
我正在 MPR 中从 Vaadin 8 迁移到 Vaadin 14 LTS。我们项目中使用的 .scss 文件需要编译。我使用了以下插件 com.vaadin vaa
这是我当前的项目目录结构，因为我想不出更好的组织方式来组织每个组件都有自己的 .scss 文件的用例，但是，整个应用程序都是包含全局 variables.scss 文件的 Fed 主题。目前，我正在每
在我的reactJS应用程序中 - 我将所有.scss文件包含在一个main.scss文件中 - 在src文件夹中的styles文件夹下。我有以下 webpack 配置。尝试将 main.scss 文
在最近的 Angular 7 项目中，我有一个组件(在文件 file-list.component.ts 中定义)，其中有一个 mat-paginator (来自 Angular Material 组
我有一个引用了一些 Compass mixins 的 SCSS 文件。现在我想将它包含在一个不使用 Compass 的元素中。为此，我想将带有 Compass 混入的 SCSS 转换为没有 Compa
我只是在处理这个 tutorial 之后的本地元素它告诉我更改三个 css 文件: fluid_skeleton.css => _fluid_skeleton.scss 规范化.css => _规范化
我在根文件夹中创建了一个全局 scss 变量文件 对于导入变量我写 @import '../../../style_config/style_config'(全局变量文件) 到每个 scss 文件 更
我正在尝试将多个 SCSS 文件处理成 Webpack (3.6.0) 中的单个外部 CSS 文件，但我在解析 @import 语句时遇到问题。 条目 index.js 包含: import './s
我是一名优秀的程序员,十分优秀！