유니코드 문자를 CSS 콘텐츠 값에 배치

유니코드 문자를 CSS 콘텐츠 값에 배치

이 질문에는 이미 다음과 같은 답이 있습니다.

CSS 콘텐츠를 사용하여 HTML 엔터티 추가 (10개 답변)

마감됨8년 전에.

문제가 있어요.아래쪽 화살표의 HTML 코드를 찾았습니다.↓(↓)

좋습니다. 이제 CSS에서 이렇게 사용해야 합니다.

nav a:hover {content:"&darr";}

그것은 분명히 작동하지 않을 것입니다.↓는 HTML 기호입니다.CSS에서 사용되는 이러한 "탈출 유니코드" 기호에 대한 정보가 적은 것 같습니다.다음과 같은 다른 기호가 있습니다.\2020내가 찾은 화살은 없어요화살표 코드는 무엇입니까?

그냥 CSS 파일을 UTF-8로 저장/서비스하는 게 어때요?

nav a:hover:after {
    content: "↓";
}

만약 그것이 충분하지 않고, 당신이 그것을 모두 유지하고 싶다면-ASC.II:

nav a:hover:after {
    content: "\2193";
}

문자열 내 유니코드 문자의 일반적인 형식은 다음과 같습니다.\000000로.\FFFFFF백슬래시 뒤에 6자리 16진수가 나옵니다.앞서가는 것은 빼도 좋습니다.0유니코드 문자가 문자열의 마지막 문자이거나 유니코드 문자 뒤에 공백을 추가하는 경우 숫자입니다.자세한 내용은 아래 사양을 참조하십시오.

---

CSS2 사양의 관련 부분:

셋째, 백슬래시 이스케이프를 통해 작성자는 문서에 쉽게 넣을 수 없는 문자를 참조할 수 있습니다.이 경우 백슬래시 뒤에는 최대 6자리의 16진수(0..9A..F)는 해당 번호의 ISO10646([ISO10646]) 문자를 의미하며 0이 아니어야 합니다. (스타일 시트에 유니코드 코드 포인트가 0인 문자가 포함된 경우 발생하는 현상은 CSS 2.1에서 정의되지 않았습니다.)[0-9a-fA-F] 범위의 문자가 16진수 숫자를 따르는 경우 숫자의 끝을 명확히 해야 합니다.이를 위한 두 가지 방법이 방법은 다음과 같습니다.

1. 공백(또는 다른 공백 문자): "\26B"("&B").이 경우 사용자 에이전트는 "CR/LF" 쌍(U+000D/U+000A)을 단일 공백 문자로 처리해야 합니다.
2. 정확하게 6자리 16진수를 제공함으로써:"\000026B"("&B")

사실, 이 두 가지 방법이 결합될 수 있습니다.16진수 이스케이프 후에는 공백 문자 하나만 무시됩니다.이는 이스케이프 시퀀스 이후의 "실제" 공간을 두 배로 늘려야 한다는 것을 의미합니다.

숫자가 유니코드에서 허용하는 범위를 벗어나는 경우(예: "\110000"이 현재 유니코드에서 허용되는 최대 10FFFF보다 높음) UA는 이스케이프를 "교체 문자"(U+FFFD)로 대체할 수 있습니다.문자를 표시해야 하는 경우 UA는 "누락된 문자" 글리프(cf. 15.2, 포인트 5)와 같은 눈에 보이는 기호를 표시해야 합니다.

• 참고: 백슬래시 이스케이프는 항상 식별자 또는 문자열의 일부로 간주됩니다(즉, "\7B"는 구두점이 아니지만 "{"는 구두점이고 "\32"는 클래스 이름의 시작 부분에 허용되지 않지만).
  식별자 "te\st"는 "test"와 정확히 동일한 식별자입니다.

---

포괄적인 목록:유니코드 문자 'DOWNWARDS ARROW'(U+2193).

언급URL : https://stackoverflow.com/questions/10393462/placing-unicode-character-in-css-content-value