클래스 이름에 대시 (하이픈)를 사용하도록 제안했지만 ID에는 나머지 ID 이름과 요소 태그를 구분하기 위해 밑줄을 사용하고 ID 이름은 # element_class- 이름 : so : <div id="div_generic-name" class="generic-name">Stuff</div>
이 방법에 오류가 있습니까? 밑줄과 하이픈을 섞으면 어떤 나쁜 일이 일어날 수 있습니까?CSS ID 명명 규칙에서 밑줄과 하이픈 (하이픈)을 섞어도 되나요?
2
A
답변
5
예, 문제 없습니다. W3C 당 CSS 클래스 이름 상위 2 규칙은 :
- 모든 CSS 구문은 대소 문자 구별 아스키 범위 (즉, 는 [AZ]와 [AZ]는 동일) 부분을 제외하고, 그 CSS의 제어가 에 속하지 않습니다. 예를 들어, 의 HTML 특성 "id"및 "class", 글꼴 이름 및 URI의 대/소문자 구분은 이며이 사양의 범위를 벗어납니다. 특히 요소 이름은 HTML에서는 대소 문자를 구분하지만 대소 문자를 구분하면 XML로 표시됩니다.
- CSS에서 식별자 ( 셀렉터의 요소 이름, 클래스 및 ID 포함)는 문자 [a-zA-Z0-9] 및 ISO 10646 문자 U + 00A0 이상과 하이픈 (-)와 밑줄 (_); 숫자, 두 개의 하이픈 또는 하이픈 다음에 숫자가 올 수 없습니다. 식별자에는 이스케이프 문자 과 모든 ISO 10646 문자가 숫자 코드로 포함될 수 있습니다 (다음 항목 참조). 인스턴스의 경우 식별자는 "B & W?"입니다. "B \ & W \?"로 쓰여질 수 있습니다. 또는 "B \ 26 W \ 3F".
1
원하는 작업을 수행하는 데 문제가 없습니다. 따옴표 사이의 내용은 브라우저에서 구문 분석하지 않고 문자열로만 처리되며 해석되지 않습니다.
관련 문제
- 1. 명명 규칙에서 인스턴스 변수까지?
- 2. 레일 및 트위터 부트 스트랩 css : 밑줄 또는 하이픈
- 3. URL은 영숫자 밑줄과 하이픈을 허용하는 정규식을 다시 작성합니다.
- 4. CSS 규칙에서 '입력'을위한 Regex
- 5. CakePHP - 필드에 공백이 없도록 필드의 유효성을 검사 할 수 있습니까? (밑줄과 하이픈을 가질 수 있습니다 .etc)
- 6. 하이픈
- 7. CSS 하이픈 언어
- 8. CSS 규칙에서 CSS 규칙을 직접 변경하십시오.
- 9. JSF의? -Faces를 섞어도 되니?
- 10. 코어 텍스트에 하이픈 추가?
- 11. SlugField의 하이픈
- 12. 정규식 패턴이 필요합니다. w num을 시작할 수 없습니다. 밑줄과 하이픈을 제외한 특수 문자가 없습니다. 문자/숫자 허용
- 13. 생성 GUID는 하이픈
- 14. 하이픈 넣기 C#
- 15. CSS 파일이 브라우저로 전송 되나요?
- 16. 하이픈
- 17. CSS 메뉴 명명 규칙
- 18. CSS div 명명 문법
- 19. URL에 하이픈 사용
- 20. bibtex의 하이픈 넣기
- 21. lucene.net에서 하이픈 토큰을 제거하는 방법
- 22. 숭고한 텍스트 2에서 하이픈을 단어의 일부로 간주하십시오.
- 23. jQuery 유효성 검사 없음 하이픈
- 24. 혼란스러운 레일스 div id 명명
- 25. ASP.NET의 ID 명명 규칙은 무엇입니까?
- 26. 문자열의 정규 표현식 하이픈 일치
- 27. Javascript에서 이중 하이픈 이스케이프?
- 28. Excel의 셀에서 하이픈 제거
- 29. 자바에서 두 개 이상의 하이픈을 허용하는 정규식?
- 30. 밑줄과 백본을 사용하는 extend()
당신은 CSS의 코딩 표준을 읽어야합니다. 예를 들어, WordPress 1과 같이 항상 따라야하는 것은 아니지만 http://make.wordpress.org/core/에서 시작했을 때 유용합니다. 수첩/코딩 - 표준/CSS / – Paradise