CSS의 ".container.\31 25\25"에서 백슬래시 문자의 목적은 무엇입니까?

제공된 CSS 코드에서, 백슬래시 문자()는 식별자 이스케이프와 관련된 특정 목적으로 사용됩니다. CSS 사양에 따르면:

• 특수 문자 이스케이프: 백슬래시는 특수 CSS 문자의 의미를 취소할 수 있습니다. 이 경우 백분율 기호(%)가 CSS 계산의 시작으로 인식되는 것을 방지합니다.
• 숫자 코드 포인트 참조: 뒤에 6개의 16진수가 오면 백슬래시를 사용할 수 있습니다. 특정 유니코드 문자를 나타냅니다. 이를 통해 작성자는 문서에 쉽게 입력되지 않는 문자를 참조할 수 있습니다.

예제에서:

.container.\31 25\25는 .container[class와 동일합니다. ~= "125%"].

• 31은 숫자 1의 16진수 표현입니다.
• 25는 숫자 17의 16진수 표현입니다.
• \ 25는 백분율 기호이며 특별한 의미를 제거하기 위해 이스케이프 처리되었습니다.

따라서 백슬래시는 백분율 기호를 이스케이프하여 계산이 아닌 식별자의 일부로 처리될 수 있습니다. 이 기술을 사용하면 "125%" 값이 계산이 아닌 클래스 이름으로 해석됩니다.

백슬래시가 없으면 식별자는 숫자로 시작하고 CSS 구문에 따라 유효하지 않습니다.

• .container.125%는 식별자가 숫자로 시작할 수 없기 때문에 유효하지 않습니다.

백슬래시를 사용하면 백분율 값을 클래스 이름으로 사용할 수 있어 컨테이너 기반의 유연한 스타일 지정이 가능합니다. 크기.