css10

css 셀렉터1

1. 연결 선택자

  • 1연결 선택자
    선택자와 선택자를 연결해  적용 대상을 한정하는 선택자
    컴비네이션 선택자 또는 '조합 선택자'라고도 함
  • 2하위 선택자(상위요소 하위요소)
    부모 요소에 포함된 모든 하위 요소에 스타일이 적용된다
    각각의 li태그도 적용 
    자식 선택자(부모요소 > 자식요소)
    각각의 li태그는 적용 X
  • 3인접 형제 선택자(요소1 + 요소2)
    같은 부모를 가진 형제 요소 중 첫번 째 동생 요소에만 스타일 적용
    형제 선택자(요소1~요소2)
    모든 형제 요소에 다 적용된다는 것

2. 연결 선택자

  • 1[속성] 선택자
    지정한 속성을 가진 요소를 찾아 스타일 적용
  • 2[속성=값] 선택자
    주어진 속성과 속성 값이 일치하는 요소를 찾아 스타일 적용
  • 3[속성~=값] 선택자
    여러 속성 값 중에 해당 값이 포함되어 있는 요소를 찾아 스타일 적용
  • 4[속성 |=값] 선택자
    특정 값이 포함된 속성을 가진 요소를 찾아 스타일 적용
    하이픈으로 연결해 한 단어 값을 이루는 요소에도 적용
  • 5[속성^=값]선택자
    특정 값으로 시작하는 속성을 가진 요소를 찾아 스타일 적용
    [속성$=값]선택자
    특정 값으로 끝나는 속성을 가진 요소를 찾아 스타일 적용
  • 6[속성*=값]선택자
    값의 일부가 일치하는 속성을 가진 요소를 찾아 스타일 적용