[CSS] ID

안녕하세요 동기 여러분! 오늘은 ID를 알아봅시다!

 

ID

class가 HTML의 요소를 그룹으로 묶어서 굵직하게 스타일을 변경해주는 역할을 한다면 (포병 부대ㅋㅋ)

id는 HTML의 요소를 하나하나를 집약적으로 스타일을 변경해주는 역할입니다. (특수 부대ㅋㅋ)

 

---

 

생김새

HTML 코드

<p id="red">빨간색입니다.</p>

 

CSS 코드

#red {
  color: red;
}

class는 앞에 점을 하나 붙였었는데 id는 #만 하나 붙여주면 됩니다.

 

 

---

id는 여러 개가 적용이 안됩니다. 

Class와 동일한 방법으로 두 가지를 넣어서 실행을 했더니!!!

 

아무것도 적용되지 않은 모습을 확인할 수 있었습니다.

 

---

 

오늘의 느낌

코로나가 다시 기승을 부리고 있습니다. 다들 건강 조심하세요! 토론토도 일요일부터 restriction을 강화한다고 하네요 ㅠ ㅠ