css(14) selector

선택자(selector) : 스타일을 적용할 대상을 선택하는 방법
 1. 전체 셀렉터
    - html 문서 내부의 모든 요소를 선택하여 스타일을 적용시킬 때 사용
 2. 요소 셀렉터
    - 스타일을 적용할 대상으로 html 요소명을 직접 입력
 3. 아이디 셀렉터
    - 특정한 아이디 이름을 가지는 요소만을 선택한다
    - 2개 이상은 사용하지 않는것이 좋다
    - html/css에서는 하나의 웹 페이지에 여러 요소에 같은 아이디 이름을 사용해도 별다른 문제없이 동작 하지만 Javascript로 이벤트를 제어하려고 하면 에러가 발생하기 때문에 ID는 중복을 피해서 쓰는것이 좋다
 4. 클래스 셀렉터
    - 특정한 집단의 여러 요소들을 한번에 선택할 때
 5. 그룹 셀렉터
    - id, 클래스도 그룹으로 묶을 수 있다
 6. 자손 셀렉터(ex. div p)
    - 해당 요소의 하위 요소중에서 특정 타입의 요소를 모두 선택
 7. 자식 선택자(ex. div > p)
    - 해당 요소의 바로 밑에 존재하는 하위 요소 중 특정 타입의 요소를 모두 선택
 8. 일반 동위 선택자(ex. div ~ p)
    - 해당 요소와 동위 관계에 있으며 해당요소보다 뒤에 존재하는 특정 타입의 요소를 모두 선택
 9. 인접 동위 선택자 (ex. div + p)
    - 해당 요소와 동위 관계에 있으며 해당 요소의 바로 뒤에 존재하는 특정 타입의 요소를 모두 선택

 

div{
    border: 3px solid salmon;
}

div p{
    background-color: aqua;
}
div >p{
    background-color: aqua;
}


div ~ p{
    background-color: palevioletred
}