Question

我正在尝试在每个列表项后添加反斜杠，但我无法让它工作。如果我使用管道或正斜杠，但不是反斜杠，它可以工作。我搜索了要使用的字符实体代码，但我找不到一个反斜杠。有解决方案吗？

#navigation ul.nav > li:after{
    content: " \ ";
}

谢谢！

Answer 1

使用双反斜杠

#navigation ul.nav > li:after{
    content: '\\';
}

要了解有关CSS转义序列的更多信息，请检查this

使用双反斜杠

＆＃13;

    span:after{
        content: '\\';
    }

＆＃13;

<span></span>

＆＃13;

<强> \005C

在内容中使用\005C作为@disinfor提及

＆＃13;

    span:after{
        content: '\005C';
    }

＆＃13;

<span></span>

＆＃13;

Answer 2

嘿，我想花一个完整的例子

    $dsp-md-imprint: "e900";

    @function unicode($str){
      @return unquote("\"")+unquote(str-insert($str, "\\", 1))+unquote("\"")
    }

    @mixin makeIcon($arg, $val , $os: null) {
      // @debug $os;
      // @debug $arg;
      // @debug $val;
      @if($os) {
        .ion-#{$arg}:before,
        .ion-#{$os}-#{$arg}:before ,
        .ion-#{$os}-#{$arg}-outline:before {
          content: unicode($val);
        }
      } @else {
        .ion-#{$arg}:before,
        .ion-#{$arg}-outline:before,
        .ion-md-#{$arg}:before,
        .ion-md-#{$arg}-outline:before,
        .ion-ios-#{$arg}:before,
        .ion-ios-#{$arg}-outline:before {
          content: unicode($val);
        }
      }

}

@include makeIcon(dsp-imprint, $dsp-md-imprint, md);

可以测试here

如何在css内容属性中使用反斜杠？

2 个答案: