时间戳

首页 > 解决方案 > 使用 SASS 将转义字符写入 CSS 样式

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

问题描述

我想将内容属性设置为“\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"; }

“\\e602”也可以吗？

标签： htmlcsssass

解决方案

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

@function get-unicode($code) {
  @return unquote("\"\\e#{$code}\"");
}


&-#{$iconName}::before {
  content: get-unicode(602);
}

推荐阅读