-
질문 & 답변
카테고리
-
세부 분야
풀스택
-
해결 여부
미해결
class 와 id 의 차이
21.02.15 21:27 작성 조회수 161
0
전부다 클래스 혹은 아이디로 써도 되나요? 저렇게 구분지어서 사용하는 이유가 무엇인가요!?
답변을 작성해보세요.
0
제주코딩베이스캠프
지식공유자2021.02.17
안녕하세요 제주코딩베이스캠프입니다!
class와 id는 고유하다는 성질에서 차이점이 있어요!
더 자세하게 설명하자면,
class는 여러개 사용할 수 있고 선택자는 '.'을 사용합니다.
id는 고유성을 가지고 있습니다. 즉, 한 페이지 내에서 한번만 사용되며 유일한 것을 선택하는데 활용됩니다.
선택자는 '#'을 사용합니다.
짧은 코드를 보고 말씀드릴게요.
<!DOCTYPE html>
<html>
<head>
<style>
#red {
color:red;
}
.blue{
color:blue;
}
</style>
</head>
<body>
<p id='red'>안녕하세요</p>
<p class='blue'>제주코딩베이스캠프입니다.</p>
<p class='blue' id='red'>반갑습니다.</p>
</body>
</html>
id는 style에서 선택자 '#'을 사용했고, class는 선택자 '.'을 사용했습니다.
또한 이 id와 class 사이에는 우선순위가 있어요. id가 class보다 우선적으로 수행됩니다.
'반갑습니다'가 적힌 p태그에서 보시면 id와 class 두 개의 태그가 적혀있지만, id 값이 우선적으로 적용된 것을 보실 수 있으실 거예요.
물론 id 값을 여러 개 써도 오류가 나지 않습니다. 그러나 id는 '고유성을 가지고 있다'라는 약속을 기억해 주세요!
답변 1