Как использовать обратную косую черту в свойстве содержимого css?

Question

Как использовать обратную косую черту в свойстве содержимого css?

Я пытаюсь добавить обратную косую черту после каждого элемента списка, но не могу заставить его работать. Это работает, если я использую трубу или прямую косую черту, но не обратную косую черту. Я искал код сущности-символа для использования, но не смог найти его для обратной косой черты. Есть ли решение?

#navigation ul.nav > li:after{

    content: "  ";

}

Спасибо!

555 2

css

2 ответов:

Comments

Ничего не найдено.

jafarbtech · Accepted Answer · 2016-12-05 20:45:01

Использовать двойную обратную косую черту
#navigation ul.nav > li:after{
    content: '\\';
}
Чтобы узнать больше о CSS escape-последовательностях, проверьте это

Использовать двойную обратную косую черту
    span:after{
        content: '\\';
    }
<span></span>
\005C

Используйте \005C в содержании как @ disinfor упоминалось
    span:after{
        content: '\005C';
    }
<span></span>

DrMabuse · Accepted Answer · 2018-02-07 00:33:42

Эй, я хочу провести полный пример

    $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);

И может быть проверено здесь