CSS 클래스 이름의 선행 숫자를 확인할 수 있나요?

앞에 숫자가 붙은 잘못된 CSS 클래스 이름: 해결 방법

HTML에서는 ".000000-와 같이 숫자로 시작하는 클래스 이름을 허용하지만 8" 브라우저는 종종 이러한 클래스와 관련된 문제를 표시합니다. 그러나 선행 숫자로 CSS 클래스를 검증하는 해결 방법이 있습니다.

숫자 이스케이프 처리

CSS 구문에 따르면 CSS 식별자는 이스케이프 처리되지 않은 숫자로 시작할 수 없습니다. 그러나 숫자를 이스케이프하면 이 제한을 우회할 수 있습니다.

숫자 이스케이프 구문

숫자를 이스케이프하려면 다음 형식을 사용하세요.

.\<octal_number>

여기서는 숫자의 8진수 표현을 나타냅니다.

예

클래스 이름 ".000000-8"에서 숫자 "0"을 이스케이프하려면 다음 선택기를 사용하세요.

. 00000-8

간소한 이스케이프

또는 8진수를 제로 패딩된 십진수 문자열로 표현하여 이스케이프를 단순화할 수 있습니다.

.003000000-8

이 두 선택기 모두 클래스 이름이 "000000-8"인 요소와 일치합니다.

주의

이 해결 방법을 사용하면 클래스 이름을 앞에 두고 사용할 수 있습니다. 숫자의 경우 일반적으로 이러한 이름은 사용하지 않는 것이 좋습니다. 호환성 문제가 발생할 수 있으며 CSS 선택기를 읽고 유지 관리하기가 더 어려워질 수 있습니다.

위 내용은 CSS 클래스 이름의 선행 숫자를 확인할 수 있나요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!