선택자

웹프로그래밍 기초 천인국 지음
참고하여 작성하였습니다.

-CSS에서 가장 중요한 부분이 선택자
-선택자란 용어 그대로 HTML 요소를 선택하는 부분
-왜 선택자가 필요한가? 원하는 요소를 선택할 수 있어야 하기 때문
-특정 요소를 선택한 후에 여기다가 원하는 스타일을 적용

  1. 타입 선택자
    가장 기본적인 선택자는 HTML 요소 이름을 사용하는 것
    예) p { background-color : green}

  2. 전체 선택자
    '*' 기호로 표시됨 페이지 안의 모든 요소를 선택할 때 사용됨
    모든 요소에 공통적인 속성을 지정할 때 사용

  3. 아이디 선택자
    아이디 선택자를 사용하면 특정한 요소를 쉽게 선택 가능
    예) #good{ color: pink}

  4. 클래스 선택자
    클래스 선택자는 .을 이용해서 정의
    예) .happy{ color: gray}

id 선택자는 하나의 요소만을 선택할 수 있는 반면 클래스 선택자는 여러 개의 요소를 한꺼번에 선택할 수 있음

  1. 자식, 자손, 형제 결합자
    선택자를 결합해서 특정한 요소를 선택함
    예) body em { color:red;} body안 em 요소
    body > h1(color : blue;} body 안 h1요소