CSS 기초 : 선택자

CSS 선택자 관련 상세 내용은 부스트코스 포스팅 참고할 것.

https://nossodia.tistory.com/31?category=802521 

CSS_ 선택자(selector)

https://nossodia.tistory.com/32?category=802521 

CSS_문서 구조 관련 선택자

https://nossodia.tistory.com/33?category=802521 

CSS_가상 선택자

 

태그선택자는 style 태그 내 스타일을 지정할 태그명을 입력해주면됩니다.

위 예시는 전체본문의 h1 속성에 전체 반영 시키도록 설정한 것입니다.

class 선택자는 태그 내부에 ."class이름" 으로 표현합니다.

 

 

 

ID 선택자를 쓸때는 .(마침표) 기호 대신 #(해시)기호를 사용하며 요소에는 ID속성만써주면 됩니다.

ID선택자와 Class 선택자의 가장 큰 차이점은 id는 문서내에서 유일해야한다는 점 입니다.

 

 

---

태그선택자, 클래스선택자, 아이디선택자는 가장 기본적인 선택자이며,

적용 우선순위는 아이디선택자>클래스선택자>태그선택자 입니다.