innn

CSS id와 클래스의 차이 본문

FE/HTML CSS 자바 스크립트

CSS id와 클래스의 차이

33삼 2022. 8. 23. 16:29

 

1. 개수의 차이 

 

id는 고유한 값이기 때문에 오직 하나이다.

#class {}

 

단, 클래스는 많은 곳에서 원하는 만큼 사용 가능하다. 

.class명 { }

 

클래스는 유일할 필요가 없어서 여러 요소들이 같은 class명을 사용할 수 있다.

 

한 요소는 하나의 id만을 가질 수 있지만, class는 여러가지 (사진 속에서는 3개)를 가질 수 있다.

 

클래스는 심지어 한 요소에 여러개를 넣을 수 있다. 

 

 

 

'FE > HTML CSS 자바 스크립트' 카테고리의 다른 글

div로 상태바와 span으로 상태바 요소 만들기 & BEM 규칙  (0) 2022.08.27
CSS flexbox  (0) 2022.08.26
css margin  (0) 2022.08.23
CSS 마진  (0) 2022.08.23
CSS 인라인과 블록  (0) 2022.08.22