728x90
반응형
| class 선택자 | ID 선택자 |
| 같은 이름을 부여할 때 사용 | 중복하여 사용할 수 없음 |
| 여러 개의 요소에 같은 class 부여 가능 | 유일한 이름 부여할 때 사용 (고유성 O) |
| 하나의 요소에 여러 개의 class 부여 가능 | 선택자 앞에 # (올림표)가 붙음. |
| 선택자 앞에 .(온점)이 붙음 | . |
| 중복하여 사용 가능 | |
| class 이름 교체 가능 (개명 가능) | |
| 이름(id)을 여러 개 가질 수 있음 | |
| 중복 선언 가능 | |
| 숫자로 시작할 수 없음 | |
| 주로 영문자로 시작함 | |
▶class 선택자
-여러 개의 요소에 같은 class 부여 가능
노란 밑줄은 전부 같은 class 이름(sample) 을 가지고 있음.
-하나의 요소에 여러 개의 class 부여 가능
분홍색 밑줄처럼 하나의 태그 안에 class가 두 개 들어있는 것을 확인할 수 있음.
-선택자 앞에 .(온점)이 붙음
파란색 밑줄 (class 선택자)는 선택자 앞에 .(온점)이 붙어 있고,
보라색 밑줄 (id 선택자)는 선택자 앞에 #(올림표)가 붙어 있는 것을 확인할 수 있음.
▶id 선택자
-유일한 이름을 부여할 때 사용
빨간 밑줄처럼 한 태그에 id 태그가 1개만 부여됨.
-선택자 앞에 #(올림표)가 붙음
위의 사진에서 봤던 파란 밑줄 쳐진 id 선택자 앞에 전부 # (올림표)가 붙어 있음.
