서버관리

• 목록
• 답변
• 글쓰기

클래스 선택자를 써야 할까요? ID선택자를 써야 할까요?
비슷하게 사용되는 두 선택자 중 어떤 것을 사용해야 할지 고민에 빠지는 경우가 생길 수 있습니다. 그럴땐 다음 네 가지를 고려해보면 됩니다.
한 페이지 내에서 여러 번 반복될 필요가 있는 스타일은 클래스 선택자를 사용하고, 단 한번 유일하게 적용될 스타일은 ID선택자를 사용하는 것이 좋습니다. 이는 다음과 같은 두 속성의 차이 때문입니다.
class속성은 어떤 분류 안에 포함된 요소의 특성을 정의하는 데 사용됩니다.
id속성은 어떤 요소에 대해 유일한 특성을 정의합니다. (HTML 문서에서 특정 id속성값은 오직 하나만 있어야 합니다.)
클래스 선택자는 글자색이나 글자 굵기 등 나중에 다른 곳에도 적용할 수 있는 스타일을 지정하고, ID선택자는 웹 문서 안에서 요소의 배치 방법을 지정할 때 자주 사용합니다.
class 속성은 속성값을 두 개 이상 가질 수 있습니다. 그래서 클래스 선택자를 사용하면 한 태그 내에서도 여러종류의 스타일 규칙을 적용할 수 있습니다.
ID선택자의 우선순위가 클래스 선택자의 우선순위보다 높습니다. 우선으로 적용되어야 할 스타일을 ID선택자를 사용하여 정의하는 것이 좋습니다.

class는 한 페이지 내에서 반복적으로 사용이 가능하고
id는 한 페이지내에서 한번만 사용이 가능하므로 유일한 것을 선택하는데 활용된다.
하나의 요소는 여러 개의 id를 가질 수 없고, 하나의 id는 여러개의 요소가 될 수 없다.
또한 id 선택자에 적용되는 스타일은 class 선택자에 적용하는 스타일보다 우선 적용된다.
class 선택자의 활용은 반복되는 중간 소제목처럼 반복되는 설정을 할 때 사용하여
class의 설정 한번만 바꾸어 주면 해당 class의 속성이 일괄적으로 변경되어 관리하기가 쉬워진다.
반면 id는 상단메뉴바, 홈페이지 로고처럼 페이지에서 유일한 것들을 선택할 때 사용한다.