CSS에서 .container.\31 25\25는 무엇을 의미하나요?

CSS에서 식별자에는 다음과 같은 특수 문자가 포함될 수 있습니다. 백슬래시(). 백슬래시 문자는 상황에 따라 CSS에서 다양한 용도로 사용됩니다.

이스케이프 문자

문자열 내에서 백슬래시와 개행 문자는 무시됩니다. 문자열 외부에서는 백슬래시 뒤에 개행 문자가 표시됩니다.

특수 문자 이스케이프

백슬래시를 사용하여 특수 CSS 문자를 이스케이프할 수 있으며 특수 CSS 문자를 잃게 됩니다. 의미. 예를 들어, 문자열 내의 큰따옴표(")는 \"로 이스케이프될 수 있습니다.

유니코드 문자 참조

백슬래시 뒤에 최대 6개의 16진수( 0-9a-fA-F)는 해당 숫자가 포함된 ISO 10646 문자를 나타냅니다. 공백이나 추가 16진수 숫자는 참조를 종료하는 데 사용됩니다.

주어진 코드에서 백슬래시()는 .container 요소의 클래스 이름에서 백분율 값을 나타내는 데 사용됩니다.

.container.\31 25\25 { /* 125% */
  width: 100%;
}

특수 문자 \31, 25, \25는 각각 "1", "%", "%" 문자에 대한 16진수를 나타냅니다. 따라서 이 코드는 다음과 동일합니다:

.container[class ~= "125%"] { /* 125% */
  width: 100%;
}

이 클래스 선택기는 "125%"를 포함하는 클래스가 있는 모든 요소와 일치합니다. 요소 너비 계산은 다음과 같습니다.

width = (containers * 125%)