[HTML + CSS] CSS 선택자(selector)

selector {

        border: 1px solid blue; 

}

 

 

1.  TAG(태그) 

       h1, p, div...

 

2. ID 

       #id                      /*id 앞에 '#' 표시*/

 

3. CLASS 

      .class명                 /*class명 앞에 '.' 표시*/

 

4. 자식(Children)

     #header p              /*id header 자식중 p 태그*/

 

5. 직속자식(Direct children)

    .parent > .chlildren    /* parent 클래스 바로 밑의 chlidren 클래스*/

 

6. 여러 선택자 함께 선택  

    .one, .two                /*쉼표(,)로 추가*/

 

7. class 교집합

    .blue.circle             /*칸을 띄우지 않음. blue 클래스와 circle 클래스를 모두 가지고 있는 요소*/