티스토리 뷰
목차
반응형
아이디란 무엇인가
아이디는 클래스와 유사하다. 하지만 이는 웹페이지의 한가지 구성요소에만 적용된다. 헤더, 푸터, 제목처럼 한가지 구성요소에만 나타난다. 클래스와 정확히 똑같은 방법으로 추가할 수 있다. 이제 '12345' 문단에 'pink' 아이디를 삽입하자.
| <p id="pink"> 12345 </p> |
|---|
이제 스타일 부분에 아래 CSS를 넣자.
|
#pink { color:pink; } |
|---|
주의 : 여기서는 해시 기호 #을 사용한다. 이는 아이디를 나타낸다. 그래서 CSS에서 구두점 .은 클래스 , #은 아이디를 나타내는 기호이다.
여기서도 12345 문단에 'pink' 규칙과 'p'규칙이 중복 적용된다. 하지만 클래스와 마찬가지로 아이디규칙이 우선한다. 항상 구성요소와 관련된 다른 규칙에 우선하여 아이디와 클래스 내용이 적용된다.
반응형