2016-12-05 8 views
6

Próbuję dodać ukośnik odwrotny po każdym elemencie listy, ale nie mogę go uruchomić. Działa, gdy używam rury lub ukośnika, ale nie odwrotnego ukośnika. Szukałem kodu podmiotu do użycia, ale nie mogę go znaleźć dla ukośnika odwrotnego. Czy istnieje rozwiązanie?Jak używać odwrotnego ukośnika we właściwości css content?

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

Dziękujemy!

Odpowiedz

7

stosowanie podwójnej backslash

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

Aby dowiedzieć się więcej o sekwencje CSS sprawdzić this

używać podwójnego backslash

span:after{ 
 
     content: '\\'; 
 
    }
<span></span>

\005C

Zastosowanie \005C w treści jak @disinfor wspomniano

span:after{ 
 
     content: '\005C'; 
 
    }
<span></span>

+0

To zadziałało. Dziękuję Ci. Oznaczy poprawne, gdy tylko pozwoli mi. – LBF

+3

Lub możesz użyć tego: '\ 005C' – disinfor

+1

@disinfor ya true. dzięki, zaktualizowałem to. dzięki za wzmiankę o – jafarbtech

0

Hej chcę wydać pełny przykład

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

i mogą być testowane here

Powiązane problemy