동일한 이름의 CSS 클래스와 ID가있는 데 문제가 있습니까? .footer는 기사/게시물의 바닥 글, #footer는 페이지 바닥 글과 같습니다.동일한 이름을 가진 CSS 클래스 및 ID
50
A
답변
68
아니요, 완벽하게 허용됩니다.
클래스는 .
을 사용하여 정의되고 ID는 #
을 사용하여 정의됩니다. 그래서 브라우저에 관한 한 두 개의 완전히 별개의 항목입니다.
조심해야 할 것은 혼란을 일으키는 것입니다. 순전히 코드 가독성을 위해 이름을 다른 이름으로 유지하는 것이 가장 좋은 방법 일 수 있지만 동일하다는 것은 아무런 해가 없습니다.
11
아니요, 아무 문제가 없지만 다른 개발자와 혼동하지 않도록 다른 이름을 사용하는 것이 좋습니다. 다른 이름을 사용하는 것이 더 (인간의) 오류가 발생하기 쉽습니다.
0
예, id 및 클래스 모두 동일한 이름을 사용할 수 있으므로 두 매개 변수의 의미가 다르기 때문에 동일한 이름을 사용할 수 있습니다. 감사합니다.
관련 문제
- 1. CSS 코딩 (ID 및 클래스)
- 2. CSS ID 대 클래스
- 3. 동일한 이름을 가진 여러 쿠키
- 4. 동일한 클래스 이름을 가진 네임 스페이스 이름 지정
- 5. UL 클래스의 CSS 클래스 및 ID
- 6. 동일한 이름을 가진 여러 태그 중에서을 선택하십시오.
- 7. Objective C, C++, 동일한 클래스 이름을 가진 두 파일 포함
- 8. 동일한 ID 'xxx'를 가진 여러 컨트롤을 찾았습니다.
- 9. CSS 클래스 별 요소 ID?
- 10. 동일한 클래스 이름을 가진 여러 요소 중 하나에만 적용되는 CSS 부분
- 11. 동일한 이름을 가진 두 개의 필드
- 12. 하드 코딩 된 호출을 피하고 동일한 클래스 이름을 가진 div에서 동일한 결과를 얻는 방법
- 13. 동일한 이름을 가진 모든 프로세스의 성능 카운터?
- 14. Ul에는 최대 id jquery 인 ID 이름을 가진 li이 있습니까?
- 15. 특정 클래스 이름을 가진 사업부가있는 요소
- 16. 동일한 이름을 가진 ASP.NET MVC 컨트롤러
- 17. 반사 된 코드에서 동일한 이름을 가진 이벤트?
- 18. __construct() 클래스와 동일한 이름을 가진 메소드
- 19. subsonic에서 동일한 구조를 가진 여러 테이블에서 동일한 클래스 사용
- 20. CSS 클래스 중첩 및
- 21. 특정 HTML 클래스 이름을 가진 이미지 찾기
- 22. 같은 클래스 이름을 가진 다른 네임 스페이스로 클래스 확장하기
- 23. 동일한 패키지 및 클래스 이름을 가진 두 개의 jar 파일을 동적으로 관리합니다.
- 24. SQL 내부에서 동일한 열 이름을 가진 두 테이블을 결합하십시오.
- 25. 동일한 변수 이름을 가진 다른 외부 .js 파일
- 26. 양식의 설정 클래스 및 ID
- 27. 상위 클래스 및 id 찾기
- 28. ROWLEX : 동일한 속성 이름을 가진 클래스가 작동하지 않습니다. ROWLEX
- 29. 내부 유형과 동일한 이름을 가진 정적 멤버에 액세스
- 30. OBJECT 파일에 동일한 이름을 가진 정적 라이브러리를 포함시키는 방법은 무엇입니까?
Ditto. HTML5의 경우 일부 요소는 바닥 글과 같은 이름을 갖습니다. 'footer.footer # footer'가 혼란 스러울 수도 있습니다 :) – FelipeAls
@Felipe - 빨리 혼란 스러울 것입니다! – whostolemyhat
footer가있는 OP의 예와 간결한 설명에서 처음 생각한 것은 이러한 새로운 요소에 대한 것이었지만 실제로는 반대가되어야합니다 : 더 이상 div.footer와 div # footer! 그것들은'footer' ('body> footer'와'section footer'에 의해 타겟이 됨)로 대체 될 것이고, 많은 경우 클래스와 id를 필요로하지 않을 것입니다. 내 잘못이야. – FelipeAls