필터 선택자는 요소에 조건을 추가 하여 선택된 요소가 조건을 만족 할때 선택 됩니다.

자식필터 선택자


  요소:first-child{property: value;}
  

선택된 요소는 첫 번째 자식 요소 이어야 합니다.


  요소:last-child{property: value;}
  

선택된 요소는 마지막 자식 요소 이어야 합니다.


  요소:nth-child(n){property: value;}
  

선택된 요소는 마지막 n 번째 자식 요소 이어야 합니다.

형제필터 선택자


  요소:first-of-type{property: value;}
  

선택된 요소는 동위의 같은 요소 중 첫 번째 요소 이어야 합니다.


  요소:last-of-tyle{property: value;}
  

선택된 요소는 동위의 같은 요소 중 마지막 요소 이어야 합니다.


  요소:nth-of-type(n){property: value;}
  

선택된 요소는 동위의 같은 요소 중 n번째 요소 이어야 합니다.