CSS 레이아웃 이름을 지정할 때 밑줄을 피하는 방법

이 글의 내용은 CSS 레이아웃 이름을 지정할 때 밑줄을 피하도록 하는 내용입니다. 필요한 친구들이 참고하면 도움이 될 것입니다. . 돕다.

CSS 해킹을 사용해 본 친구들은 밑줄을 사용하여 이름을 지정하는 것도 해킹이라는 것을 알아야 합니다. 예를 들어 "_style"과 같은 이름을 사용하면 다음과 같은 결과가 나올 수 있습니다. 외부 대부분의 브라우저는 이 스타일의 정의를 무시하므로 이름 지정 시 "_"를 구분 기호로 사용하는 것은 불규칙합니다. CSS 검사 시 오류 메시지가 표시되므로 이름에 밑줄을 사용하지 마세요.

이를 위해서는 밑줄을 대체할 수 있고 표준을 준수하는 기호를 찾아야 합니다. 물론 이런 종류의 구분 기호를 사용할 필요는 없습니다. 개인적인 습관.

작은 테스트를 해본 결과 밑줄을 "~", "$", "`", "&" 및 "-"로 바꾸었습니다. 결과적으로 "-" 기호만 사용할 수 있습니다. 예, js에 대한 지원도 정상입니다. 테스트를 살펴보세요:

다음은 인용된 내용입니다:

css 부분:

코드는 다음과 같습니다.

.try-a{ color:#00f; }
.try~a{ color:#00f; }
.try`a{ color:#00f; }
.try&a{ color:#00f; }
.try$a{ color:#00f; }
.try-b{ color:#f00; }
.try~b{ color:#f00; }
.try`b{ color:#f00; }
.try&b{ color:#f00; }
.try$b{ color:#f00; }

html 부분:

코드는 다음과 같습니다.

<div id="a" class="try-a">try1</div>
<div id="b" class="try~a">try2</div>
<div id="c" class="try`a">try3</div>
<div id="d" class="try&a">try4</div>
<div id="e" class="try$a">try5</div></p> <p><input type="button" value="ok" onclick="b（）；" />

js 부분: #🎜 🎜#

코드는 다음과 같습니다.

function b（）{
document.getelementbyid（"a"）。classname="try-b";
document.getelementbyid（"b"）。classname="try~b";
document.getelementbyid（"c"）。classname="try`b";
document.getelementbyid（"d"）。classname="try&b";
document.getelementbyid（"e"）。classname="try$b";
}

결과적으로 "try1"이 빨간색으로 바뀌고 표시가 정상입니다. 다만 CSS 정의에서는 id 선택자를 자주 사용하는데, 페이지의 id 네이밍에 "_"를 사용하게 되면 CSS 스타일에 필연적으로 밑줄 "_"이 나타나게 되므로 여기서는 id에 주의하셔야 합니다. . 또한 이름을 지정할 때 밑줄을 사용하지 마세요.

위 내용은 CSS 레이아웃 이름을 지정할 때 밑줄을 피하기 위한 완전한 소개입니다.

CSS3 튜토리얼에 대해 자세히 알고 싶다면 PHP 중국어 웹사이트를 참고하세요. .

위 내용은 CSS 레이아웃 이름을 지정할 때 밑줄을 피하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!