[css] #(id)와 .(클래스)의 속성 차이

1. #과 .

1) 정의

• # : id값을 선택자로 지정할 때 사용.
• . : class값을 선택자로 지정할 때 사용.

 

2) 차이점

• #기호는 HTML id 속성을 CSS선택자로 지정할 때 id명 앞에 붙이는 기호
• .기호는 HTML class 속성을 CSS선택자로 지정할 때 class명 앞에 붙이는 기호
• id는 중복되어 사용하지 못하기 때문에 여러곳에 사용되는 경우 class를 사용

 

3) CSS 선택자

• CSS선택자 : HTML 태그나 속성을 지정해서, 해당 태그 영역에 디자인 등의 효과를 부분적으로 줄 때 사용

 

4) 서로 다른 CSS 선택자 사용법 예시