티스토리 뷰

CSS

[CSS] ID

Dongi 2021. 12. 19. 10:54

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

 

ID

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

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

 


 

생김새

HTML 코드

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

 

CSS 코드

#red {
  color: red;
}

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

 

 


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

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

 

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

 


 

오늘의 느낌

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

'CSS' 카테고리의 다른 글

[CSS] Pseudo-class  (0) 2021.12.21
[CSS] Attribute  (0) 2021.12.20
[CSS] Class  (0) 2021.12.19
[CSS] Type  (0) 2021.12.18
[CSS] External Stylesheet  (0) 2021.12.18
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
링크
«   2024/11   »
1 2
3 4 5 6 7 8 9
10 11 12 13 14 15 16
17 18 19 20 21 22 23
24 25 26 27 28 29 30
글 보관함