CSS 콘텐츠 속성

Question

값을 CSS 클래스의 content 속성에 쓰고 싶지만 작은 따옴표로 묶어서 \\ (이중 슬래시)을 사용하고 있습니다.

a:before { 
    content: '\\'; 
} 

내가 제대로하고 있습니까?

Answer 1

네, 바로하고 있습니다. It works - example here

\은 유니 코드 기호 및 HTML entities과 같은 것들을 피하기위한 것입니다. \을 내용으로 넣으면 본질적으로 무시되므로 하나를 렌더링하려면 반드시 2를 써야합니다.

예를 들어 content: "\2193";은 아래쪽 화살표 ↓을 렌더링합니다. 이스케이프가 없으면 그렇지 않으면 2193을 렌더링 할 수 있습니다. Example here

또는, \에 대한 HTML 엔티티 5C를 통해 \을 추가 할 수 있습니다.

content:'\5C'은 백 슬래시를 효과적으로 렌더링합니다. Example here

Answer 2

네, 맞습니다. 여기를 참조하십시오 : http://www.merttol.com/articles/code/introduction-to-css-escape-sequences.html