Html 使用SASS将转义字符写入CSS样式

Html 使用SASS将转义字符写入CSS样式,html,css,sass,Html,Css,Sass,我想将content属性设置为“\e000”,但无论我做什么,它都会在编译时更改值 &-#{$iconName}::before { $code: #{"\\e" + $unicode}; content: "" + $code; } 结果: .creator-icon.devicon-git::before { content: "\\e602"; } &-#{$iconName}::before

我想将content属性设置为“\e000”,但无论我做什么,它都会在编译时更改值

&-#{$iconName}::before {
    $code: #{"\\e" + $unicode};

    content: "" + $code;
}
结果:

.creator-icon.devicon-git::before {
content: "\\e602"; }

&-#{$iconName}::before {
    $code: #{"\e" + $unicode};

    content: "" + $code;
}
.creator-icon.devicon-git::before {
content: "602"; }

&-#{$iconName}::before {
    $code: "\e#{$unicode}";

    content: "" + $code;
}
.creator-icon.devicon-git::before {
content: ""; }
结果:

.creator-icon.devicon-git::before {
content: "\\e602"; }

&-#{$iconName}::before {
    $code: #{"\e" + $unicode};

    content: "" + $code;
}
.creator-icon.devicon-git::before {
content: "602"; }

&-#{$iconName}::before {
    $code: "\e#{$unicode}";

    content: "" + $code;
}
.creator-icon.devicon-git::before {
content: ""; }
结果:

.creator-icon.devicon-git::before {
content: "\\e602"; }

&-#{$iconName}::before {
    $code: #{"\e" + $unicode};

    content: "" + $code;
}
.creator-icon.devicon-git::before {
content: "602"; }

&-#{$iconName}::before {
    $code: "\e#{$unicode}";

    content: "" + $code;
}
.creator-icon.devicon-git::before {
content: ""; }
我想:

.creator-icon.devicon-git::before {
content: "\e602"; }
.creator-icon.devicon-git::before {
content: "\e602"; }

“\\e602”也可以吗?

您可以尝试取消引用字符串

@函数获取unicode($code){
@返回unquote(“\”\\e{$code}\”);
}
&-#{$iconName}::之前{
内容:获取unicode(602);
}
多亏了信保通:

&-#{$iconName}::before {
    content: unquote("\"\\e#{$unicode}\"");
}
结果:

.creator-icon.devicon-git::before {
content: "\\e602"; }

&-#{$iconName}::before {
    $code: #{"\e" + $unicode};

    content: "" + $code;
}
.creator-icon.devicon-git::before {
content: "602"; }

&-#{$iconName}::before {
    $code: "\e#{$unicode}";

    content: "" + $code;
}
.creator-icon.devicon-git::before {
content: ""; }