class 와 id 의 차이
438
작성한 질문수 1
전부다 클래스 혹은 아이디로 써도 되나요? 저렇게 구분지어서 사용하는 이유가 무엇인가요!?
답변 1
0
안녕하세요 제주코딩베이스캠프입니다!
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는 '고유성을 가지고 있다'라는 약속을 기억해 주세요!
전체 코드는 어떻게 얻을 수 있을까요?
0
323
0
게시물 만들기 부분이 이상해요..
0
212
0
footer가 수정이 안된다는 걸 이해를 못하겠어욤
0
233
0
"제주에 나만에 가게를 차리고 싶어요 3" 코드가 예제소스에 없어요
0
252
1
연습문제 - 확률 주피터에 없어요
0
264
0
영상이 짤려 있네요 - 6회차 - 코로나 Data 분석(성별, 나이)
0
152
0
javascript의 remove에 대해 문의 드려요
0
181
0
ajax의 prepend를 왜 하는 건지 알고 싶어요
0
175
0
def nickname(request, post): post에 대해 질문 드립니다
0
147
0
UserCreationForm.Meta.fields + ('email',)를 해주는 이유가 무엇인지 알고 싶습니다.
0
263
0
admin add 에서 post 선택이 헷갈리는 문제
0
147
0
북마크 에러.
0
229
1
테스트서버
0
279
0
채팅구현
1
248
0
에러 질문드립니다.
1
407
3
13:09 alert 출력
0
362
1
type 'PosixPath' is not iterable 에러
0
1424
1
8분쯤, uwsgi -i .config/uwsgi/uwsgi.ini
0
265
1
uwsgi --http :80 --home /workspace/djangomtv/venv --chdir /workspace/djangomtv --static-map /static=/workspace/djangomtv/staticfiles/ -w djangomtv.wsgi
0
188
0
1분 20초경 질문입니다
0
141
0
00:54 전부 주석처리 하는 단축키가 먼가요?
0
1992
2
git remote add 입력시 에러가 뜹니다.
0
169
1
vscode 사용중이라, bitnami 설치해서 해봤는데 업데이트가 안되요!
0
262
1
맥에서의 연결법도 올려주셨으면 좋겠어요!
0
172
1