如何将SCSS变量设置为空字符串？
要将SCSS变量设置为空字符串，可以使用以下方法：
- 直接将变量赋值为空字符串：$variable: "";
- 使用
null关键字将变量设置为空值：$variable: null;
这样就可以将SCSS变量设置为空字符串了。
SCSS（Sassy CSS）是CSS的一种扩展语言，它提供了许多便利的特性，如变量、嵌套规则、混合（Mixin）等，可以帮助开发者更高效地编写和维护CSS代码。
优势：
- 变量：可以定义和使用变量，方便在多处使用相同的值。
- 嵌套规则：可以将相关的CSS规则嵌套在一起，提高代码的可读性。
- 混合（Mixin）：可以定义可重用的代码块，减少重复的代码。
- 继承：可以通过继承来复用现有的CSS规则。
- 条件语句：可以使用条件语句根据不同的情况生成不同的CSS。
应用场景：
- 前端开发：SCSS可以帮助前端开发者更高效地编写和组织CSS代码，提高开发效率。
- 后端开发：SCSS可以与后端开发技术（如Node.js）结合使用，实现动态生成CSS的功能。
- 移动开发：SCSS可以用于移动应用的样式定义，提供更好的可维护性和扩展性。
腾讯云相关产品：
- 云服务器（CVM）：提供弹性计算能力，满足各种规模和业务需求。
- 云数据库MySQL版（CDB）：提供高可用、可扩展的MySQL数据库服务。
- 云存储（COS）：提供安全、稳定、低成本的对象存储服务。
- 人工智能（AI）：提供丰富的人工智能服务，如图像识别、语音识别等。
更多腾讯云产品信息，请访问腾讯云官网：https://cloud.tencent.com/
相关·内容
我正在尝试迁移到新的模块sass，并有两个文件，我想从一个通用的实用程序模块导出：
utils/_functions.scss s.scss
@function color($key) {
@return map-get($colors, $key);
}
utils/Variables.scss
$colors: (
primary: 'red',
secondary: 'blue',
);
我试着像这样出口：
utils/_index.scss
@forward 'variables';
@forward 'functio
浏览 0提问于2021-03-29得票数 2
回答已采纳
是否可以在不弹出的情况下将scss加载到变量中？我正在使用类型记录a尝试加载如下样式：
import * as styles from './index.scss';
但styles只是一个空物体..。
(我创建了一个包含以下内容的globals.d.ts文件，允许导入scss)
declare module '*.scss' {
const content: {[className: string]: string};
export = content;
}
最后，我需要将样式加载到字符串，即styles.toString()中。
浏览 1提问于2019-03-31得票数 1
回答已采纳
NSMutableString *str;
//我已经分配好了
假设这个str有一些值。我设置了str=@""，它显示了一个warning。如何将NSMutableString设置为空？
浏览 1提问于2010-08-27得票数 1
回答已采纳
1回答
我正在尝试为我定义的每个断点设置一个循环，该循环将使用我设置的另一个循环创建一组类。这些是英国石油公司的
$mobileMedium : 480px;
$tabletVertical : 768px;
$desktopNormal : 1024px;
$desktopWide : 1200px;
这是我的scss。
@each $bpName in "mobileMedium", "tabletVertical", "desktopNormal", "desktopWide"{
@include breakp
浏览 1提问于2013-09-27得票数 1
回答已采纳
1回答
是否可以使用SCSS检查元素是否为空？ 例如，如果类为空，我想声明一个变量。 <div class="defaultClass">
<!-- empty, has no child -->
</div> 大概是这样的： $variable: 100%;
.defaultClass {
@if & not empty {
$variable: 50%;
}
}
浏览 182提问于2020-04-25得票数 0
回答已采纳
我刚刚在我的Django应用中安装了Grunt。在我的blogengine应用中，我有一个文件夹：assets/css/global.scss。Grunt将此.scss文件缩小为static/css/global.css。
我仍然在本地开发应用程序。我一直在运行grunt和watch，以便将scss文件缩小为css，因为我正在处理它。
但是，我已经将静态url等设置为我的亚马逊S3存储桶。这意味着当我运行collectstatic时，我必须等待很长时间它才能上传到S3，这样我才能看到我的更改。
我希望最终将其部署到Heroku，但同时，如何将静态内容设置为在本地工作，并将生产设置设置为使用S3
浏览 1提问于2014-04-15得票数 0
对于我的应用程序之一，我使用创建-反应-应用程序(没有弹出式)，并具有以下文件夹结构：
/src
assets
scss
abstract
_variables.scss
_mixins.scss
_global.scss
components
Welcome
Welcome.js
Welcome.scss
App.js
App.scss
这些文件的内容如下：
_varia
浏览 2提问于2020-08-31得票数 1
3回答
我刚刚将我的应用程序升级到了角11。在运行ng run my-app:build之后，我得到了以下错误：
Error: ./projects/my-app/src/styles.scss
Module build failed (from ./node_modules/@angular-devkit/build-angular/node_modules/mini-css-extract-plugin/dist/loader.js):
ModuleBuildError: Module build failed (from ./node_modules/@angular-devkit/build-
浏览 4提问于2021-04-28得票数 0
我想知道是否有解决办法：
在.scss文件中使用液体
然后将所有.scss文件编译为.css
现在，我正在使用一个自定义主题启动程序，它使用gulp将我的.scss文件编译成一个唯一的theme.css文件。我想在我的.scss文件中使用液体，然后仍然将所有这些编译成.css。
现在，我不能将.scss.liquid添加到我的文件中，因为如果我这样做，编译器就会抓狂，因为它显然不识别.liquid扩展名。我发现正在讨论如何将文件编译成.scss.liquid，但这不是我想要的，因为Shopify将来不会使用Scss。我想直接编译成.css。
下面是我当前对sass文件的任务：
浏览 13提问于2021-05-11得票数 0
4回答
假设
$test = '';
if(empty($test)){ $test = "not found";}
echo $test;
在上面的情况下，答案将是“找不到”
但是低于1，即使$test变量是空的，但是result没有给出任何结果。
$test = ' ';
if(empty($test)){ $test = "not found";}
echo $test;
在PHP中，我们如何将这两个变量都视为空？
浏览 1提问于2011-05-10得票数 3
回答已采纳
3回答
我目前使用的是react-starter-kit，有几个react组件，每个组件都有自己的样式文件(scss)。基本上，每个组件都在顶部导入样式文件，如下所示：
import s from './Header.scss';
现在，对于没有连字符的css类(例如：‘通知’)，我可以使用它没有任何问题，但我不知道如何使用连字符的css类：
render() {
return (
<div className={s.header-inner}> </div>
);
}
这显然会抛出一个错误：“内部未定义”。
我把header-inner改成了heade
浏览 1提问于2016-03-06得票数 19
回答已采纳
2回答
我的视野里有个边框。在边界布局中，我有一个“头”部分和“导航”部分。
文件夹结构如下所示：
我只想在标题部分添加样式。
我在"sass/src/view/main/header“文件夹中创建了一个"Header.scss”文件：
正如我所理解的，当您在文件夹中创建匹配的文件夹和文件结构时，该sass/var/view文件中的样式应该只适用于应用程序文件夹中的给定类。
我在Header.scss文件中添加了以下规则：
//in Header.scss
$panel-body-background-color: red;
主体背景颜色确实改变了标题，但它也改变了
浏览 1提问于2015-08-28得票数 3
回答已采纳
我是c#的新手，所以我需要一些关于这方面的指导。
string NumInput = Console.ReadLine();
在我的代码中，这个语句给出了
将空文本或可能的空值转换为非空类型。
是否有任何替代代码行或任何可使此警告失效的方法？
浏览 5提问于2021-12-09得票数 5
回答已采纳
1回答
我正在开发Symfony 4应用程序，并使用Symfony的Webpack包装器Encore。
该应用程序将用于在一个数据库上运行多个站点，每个站点都有不同的主题。主题将是将其主要变量设置为特定颜色的bootstrap 4的版本。即theme1红，theme2蓝。
实现这一目标的最佳方法是什么？
我已经有了多个CSS输出文件，即teme1.css，thee2.css，并从HTML中动态引用这些文件。
我还想知道Encore/Webpack是否可以选择将变量传递给SCSS文件，即：
.addStyleEntry('theme1', './scss/main.scss, r
浏览 2提问于2018-08-16得票数 3
1回答
这基本上是和灯塔说我的(几乎空！)css包延迟了我的初始加载。
那么，如何将指向critical.scss的链接放在
<head><style>DONT_WANT_TO_WRITE_STUFF_INLINED</style>...</head>
有比或者写任何东西更好的解决方案吗？
如何将主styles.scss的加载延迟到在浏览器中加载预录制的通用内容？服务器应用程序的配置在角-cli.json中不包含styles或assets，因此我不明白为什么最初加载styles.scss。
浏览 0提问于2018-02-04得票数 6
2回答
因此，我有一个运行良好的低级脚本：
module.exports = function (grunt) {
grunt.initConfig({
pkg: grunt.file.readJSON('package.json'),
sass: {
dev: {
options: {
sourceMap: false,
sourceComments: 'none',
浏览 5提问于2014-10-14得票数 0
3回答
我的最终目标是制作一个模板文件，我可以修改不同的页面。我的方法是创建一个template.scss和一个modifier.scss
在template.scss中我设置
$background: green;
background: $background
在modifier.scss中我设置
@import 'template';
$background: red;
并期待着背景的改变，然而什么都没有发生。
显然这是错误的做法，我应该怎么做呢？
浏览 8提问于2017-01-13得票数 3
回答已采纳
我很难理解如何在角组件(如theme-color或color )中使用某些引导SCSS函数。
我有一个component.scss，看起来像：
.card {
cursor: pointer;
&:hover {
background-color: theme-color("primary");
}
}
但这是行不通的，没有错误，我可以补充一下。如果我将：@import '~node_modules/bootstrap/scss/bootstrap';添加到文件中，但是它没有考虑到我的全局样式，它使用的是默认颜色。
如果我只导入函数S
浏览 0提问于2019-07-27得票数 2
回答已采纳
3回答
我有一个像这样的主styles.scss：
//@import "../components/bootstrap/scss/bootstrap";
// Core variables and mixins
@import "../components/bootstrap/scss/functions";
@import "../components/bootstrap/scss/mixins";
@import "components/variables";
@import "../components/bootstr
浏览 5提问于2017-10-12得票数 8
回答已采纳
通常，这个语法用于保证一个值，可能是一个默认参数。
(取自Bash参考手册)
${参数：-word}
如果参数为unset 或null，则将替换word的扩展。否则，替换参数的值。
如果只在变量为空时才选择替换，那么默认变量为空的目的是什么？
作为参考，我正在查看/lib/lsb/init-函数。
浏览 1提问于2017-01-28得票数 3
回答已采纳
我正在使用Vim和语法检查插件，配置为使用默认的sass和scss-lint linter对scss文件进行lint。
在Jekyll项目中打开css/main.scss，scss-lint返回错误：
css/main.scss:5:1 [E] Syntax Error: Invalid CSS after "@charset "utf-8"": expected "{", was ";"
删除字符集声明会导致下一行出现相同的错误，依此类推……
删除Front Matter块和scss-lint不再报告错误，但Jekyll需要在s
浏览 0提问于2016-11-03得票数 0
当我试图为基金会编译我的sass时，我遇到了这个问题。
我的foundation.scss文件如下所示：
// Settings
@import "global/settings"; // Foundation settings file.
// Foundation mixins & browser resets
@import '../../node_modules/foundation/scss/foundation';
我已经卸载并重新安装了foundation，结果是一样的。
我也更新了所有的东西。
完全错误：
[22:36:59] gul
浏览 13提问于2018-02-25得票数 0
5回答
也许有一个简单的解决办法，但我想不出来。我希望：
通过数组将CSV文件放入数组循环并将字段拆分为"N/A"数组字段为空，然后将变量设置为“N/A”
$variable注意:它只是将设置为"**N/A**“，而我无法工作。
例如：
foreach $var (@list) {
($name,$date,$size, etc...)=split(/,\"/,$var);
}
如果数组中的字段为空，如何将$date设置为"N/A“？
因此，要生产：
$name = Jim
$date = N/A
$size = small
我希望这是有意义的，而且很容易解
浏览 4提问于2010-12-20得票数 14
回答已采纳
2回答
目前，我有一个GUI，在该GUI中，一旦按下“提交”按钮，就会将空白的drop菜单填充到由其他三个值确定的计算值中。
我已经成功地找到了如何使用以下逻辑获取所有值：
temp=get(handles.FSTOPpopmenu,{'String','Value'});
fstop=temp{1}{temp{2}};
if (strcmp(fstop,'Select'))
fstop = 0;
else
fstop = str2num(fstop);
end
我只是有两个问题，我似乎找不到答案。
如何将“空”下拉菜单更新
浏览 4提问于2014-05-04得票数 0
2回答
我试图在引导4中使用角应用程序中的CSS变量将默认的主Sass变量改写为自定义颜色，如下所示：
styles.scss
:root {
--primary: #00695c;
}
$myPrimary: var(--primary);
$primary: $myPrimary; // This does not work
@import '../node_modules/bootstrap/scss/bootstrap';
在编译我的应用程序时，我会得到这个错误：
Failed to compile.
./src/styles.scss (./node_module
浏览 4提问于2020-03-02得票数 6
3回答
寻找正确的语法来查看bash变量并确定其是否为空，如果为空，则执行...否则，请继续。
也许是像if [ $lastUpdated = null?; then... else...这样的东西
浏览 0提问于2013-10-03得票数 9
1回答
我正在开发一个使用ember-cli-sass和ember-component-css的荚式烬应用程序。
我在app/styles/app.scss中定义了一个变量，如下所示：
$yellow: #f2d173;
但是，当我试图在位于：app/components/login-form/styles.scss的组件的scss文件中使用该变量时，会得到一个错误，即：
Error: Undefined variable.
我本以为app.scss文件会首先加载，并且我的变量可以在组件中访问--但是有些东西并不完美。
有谁知道如何使应用程序范围的scss/sass变量可以在我的组件中访问吗？
浏览 5提问于2021-04-05得票数 1
回答已采纳
1回答
我有这个：
local v="${name-$tag}" # default is name, tag is backup
但如果名字是空的就没用了。因此，要做到这一点，需要很长的时间：
local v="$name";
if [[ -z "$v" ]]; then
v = "$tag"
fi
有速记的方法吗？
浏览 0提问于2019-07-11得票数 0
我不明白isset()和!empty()之间的区别。
因为如果已经设置了变量，这不等于不为空吗？
浏览 12提问于2013-12-14得票数 49
回答已采纳
.element {
background: url(env.asset-path)
}
我想要的是检测角度侧的env，并在CSS中定义资源路径
我知道我可以用js检查server-name/domain，但是我不知道如何将变量传递给css/scss文件
我使用的是Angular4/Typescript/scss
浏览 1提问于2017-10-05得票数 0
1回答
从服务器更改网站的主题
、、、、
我正在用react设计一个网站，它要求它有无限数量的themes.So，我知道如何在CSS或SCSS文件中设置一些主题，然后切换类来获得想要的主题。但我这里的问题是，现在我必须从API获取调色板。现在我不知道如何将我在js文件中获取的这些颜色分配给CSS文件，因为这是我需要定义类的地方。
浏览 12提问于2021-08-21得票数 0
1回答
有关项目的信息
我正在开发一个更复杂的网站，它需要几个样式表用于前端和后端，只有在某些特定条件匹配的情况下才会加载。
我正在scss中进行开发，并使用gulp编译文件。
然后，在我的吞咽文件中，我声明了一个包含所有前端样式表的数组，以及另一个包含后端样式表的数组。下面是它当前的样子。不过还没结束呢。
const cssFront = [ 'style.scss' ];
const cssBack = [ 'admin.scss', 'settings.admin.scss' ];
let cssFiles = [ c
浏览 2提问于2017-09-12得票数 1
回答已采纳
我的CSS文件夹的结构如下：
c:\projects\WebApplication1\
Content\
Componnet1\a.css
b.css
Componnet2\c.css
d.css
SCSS文件夹结构如下：
c:\projects\WebApplication1\
SCSS\
Componnet1\a.scss
b.scss
Componnet2\c.scss
浏览 1提问于2016-01-26得票数 0
1回答
我正在创建一个定制的Vue2 + Bulma组件。在自己的项目中，它自己工作得很好。但是当我将它添加到不同的项目中时，我会与SCSS变量发生冲突。
下面是一个场景：
我在它自己的项目中有这个组件。它有很多自定义的SCSS之上的Bulma。
在组件中，我将导入bulma变量：
@import‘~bulma/sass/公用设施/_all’；
我在我的模板类中使用，比如“是-主的”。在其他地方，我使用$primary变量改变边框或背景的颜色。
在我的主要项目中，导入组件后，它可以正常工作。
我在主项目中有一个自定义的SCSS，在这个项目中，我将默认的Bulma变量
浏览 1提问于2018-06-25得票数 1
我正在将RadDatePicker绑定到viewModel dateTime属性。当数据库中的属性为空时，我得到01/01/0001。如何将此行为更改为仅保留日期字段为空。示例：
In database ===> experiation_date : NULL In View(图形用户界面) ===> experation_date : 01/01/0001
预期结果空白：{ ===> }
浏览 0提问于2012-04-18得票数 0
回答已采纳
3回答
我有一个包含空字符的字符串。
我尝试用下面的代码将它保存到一个文件中：
myStringList.Text := myString;
myStringList.SaveToFile('c:\myfile');
不幸的是，如果源字符串的开头有一个空字符，则myStringList.Text为空。
我以为只有C字符串是以空字符结尾的，而Delphi总是可以接受的。
如何将字符串的内容保存到文件中？
浏览 3提问于2013-01-27得票数 1
回答已采纳
使用bash，检查变量是否为空的最佳方法是什么？
如果我使用：
if [ -z "$VAR" ]
正如论坛中建议的那样，这适用于未设置的变量，但当变量已设置但为空时，这是正确的。有什么建议吗？
浏览 4提问于2011-03-23得票数 12
回答已采纳
我有一点担心，如果有人能帮助我，我使用的是laravel 5.8API，这是我创建的，当我从邮递员那里检索参数数据mtr时，但当我用这个url << url = '‘>>做同样的事情时，它解决了它的问题，因为45是mtr，而根据逻辑，我试图放在适当的地方，它是用户谁将介绍mtr，然后显示...
import { Component, OnInit } from '@angular/core';
import { HttpClient } from '@angular/common/http';
import { Candida
浏览 0提问于2019-12-04得票数 1
1回答
基于这，在我阅读过的许多其他内容中，我的理解是a=''使a同时为空和零长度。但是，如何创建一个零长度的非空字符串呢？或者根本就没有这样的东西？在某种程度上这与shell有关，我在bash工作。
浏览 0提问于2019-06-12得票数 1
回答已采纳
4回答
我的表单上有两个元素-- textarea和file元素，用于上传文件。我需要两个中的一个不为空才能提交表单。下面是我检查它的方法：
<?php
$text = $_POST['text'];
$uploadedfile = $_FILES['uploadedfile'];
if (isset($_POST['submit'])) {
if((empty($_POST['text'])) && (empty($_FILES['uploadedfile']))) {
浏览 1提问于2011-05-21得票数 1
回答已采纳
我有一个名片列表的应用程序。卡片有左边框：
.card-border {
border-left: 6px solid;
}
我有一个方法，它返回颜色映射表中变量scss中指定的颜色名称。如何将我的方法输出绑定到边框颜色属性？
我可以使用ngStyle来应用颜色，但是不确定如何从我的方法输出中绑定我的自定义颜色。
[ngStyle]="{'border-color': 'red'}"
浏览 1提问于2017-05-30得票数 0
如何根据ruby变量值设置SCSS变量？
以下代码适用于CSS，但不适用于SCSS：
- primaryColor = app.theme_variables['primary-color'];
= content_for(:after_head_script) do
css:
.primaryColor {
color: #{primaryColor};
}
如果我对SCSS做同样的事情：
- primaryColor = app.theme_variables['primary-color'];
= content_for(:aft
浏览 0提问于2016-09-19得票数 7
2回答
访问每个组件中的颜色变量
、、、
我在找一个让我的生活更轻松的窍门。我希望用类似的调色板对nuxtjs应用程序中的每个组件进行样式化，但我确实需要在每个组件中输入颜色调色板。第一次尝试使用scss。如何将变量放在更全局的地方，以及如何达到它们？
我试图将代码放入资产/ scss /styes.scss，但组件对远程scss一无所知。
$color1：#808060；
$color2：#3D3D34；
$color3：#151510；
$color4：#090906；
浏览 0提问于2019-01-02得票数 1
我在SQL中有一个由配置文件提供的管道参数。有时，该参数将为空，不是NULL，而是空('')。
如何将参数计算为TRUE/FALSE(空白/非空白)的表达式，然后将其放入IF活动中？
基本问题但是非常感谢。
我尝试了@管线().parameters.x= '‘，但它只是告诉我参数x= '’没有找到.
浏览 3提问于2022-10-26得票数 0
1回答
我想根据html提供的typa属性的条件应用样式，如下所示：
<img src="pf_brise_lame_bdef_034.jpg?itok=3vKP-E25" width="325" height="183" alt="Présentation de l'Association" title="Présentation de l'Association" loading="lazy" typeof="Image" class="lazy-hidde
浏览 4提问于2022-02-10得票数 0
回答已采纳
当通过以下方法将全局scss文件导入我的项目时：
导入到main.js中，不允许我使用我定义的变量，但是类和i可以工作。
导入到App.vue中，根本没有加载任何样式。当然，我删除了scoped
导入vue.config.js，如下所示
module.exports = {
transpileDependencies: [
'vuetify'
],
css: {
loaderOptions: {
sass: {
prependData: '@import "@/scss/_variabl
浏览 10提问于2020-09-02得票数 1
2回答
在stylesheets/bootstrap目录中有：
_variables.scss我有：
$black: #000 !default;
$grayDark: #333 !default;
...
$textColor: $grayDark !default;
此文件导入到bootstrap.scss文件中：
// Core variables and mixins
@import "bootstrap/variables"; // Modify this for custom colors,
浏览 4提问于2013-07-13得票数 2
回答已采纳
2回答
如何将空数组转换为空字符串或null
$empty_array = array();
var_dump($empty_array);
结果，
array(0) { }
对于下面的空对象，
class null_object{};
$null_object = new null_object();
var_dump($null_object);
结果，
object(null_object)#4 (0) { }
每当发现null或类似$empty_array = '';之类的东西被发现为空时，我就会关注它们。
浏览 5提问于2012-05-06得票数 0
回答已采纳
1回答
我使用的是带有本机封装的AngularElements，因此bs4组件可以在bs3项目中使用。示例： @Component({
selector: 'app-my-button',
templateUrl: './my-button.component.html',
encapsulation: ViewEncapsulation.Native,
styles: ['@import "~bootstrap/scss/bootstrap.scss";']
})
export class MyButtonCompon
浏览 20提问于2019-04-18得票数 0
我正在尝试编写一个NSAlert代码，当某些NSTextFields为空时，它就会出现。我有3个NSTextFields，我想要一个NSAlert来显示列表中哪个TextField是空的。对于一个文本字段，我可以这样做，但是如何将空的NSTextFields显示在警报中呢？如果变量中的一个Textfield为空，则应保持"TextField 1为空“。如果字段1和2为空，则应保持"TextField 1为空“，而在第二行中，"TextField 2为空”。
这是我的代码：
if ([[TextField1 stringValue] length] == 0) {
浏览 2提问于2015-09-07得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
