관리 메뉴

커리까지

CSS 수업 - 다양한 선택자들 4 본문

CSS

CSS 수업 - 다양한 선택자들 4

목표는 커리 2021. 2. 17. 08:22
728x90
SMALL
  • span:first-of-type

    • 맨 처음 나오는 span
  • plate:nth-of-type(2)

    • plate중에서 2번째
  • plate:nth-of-type(odd) , plate:nth-of-type(enev)

    • odd는 홀수, even은 짝수
  • plate:nth-of-type(2n)

    • 2번째, 4번째, 6번째
    • 컴퓨터가 알아서 0부터 시작해서 값을 넣는다.
  • plate:nth-of-type(2n+1)

    • 0부터 시작하면 1이되고 그 다음에 3, 5
  • apple:only-of-type

    • apple중에 형제중에 자기와 타입이 같은게 없는것 -> 자기 자신만 존재하는 것
  • orange:last-of-type

    • orange중에 마지막 타입
  • bento:empty

    • bento중에서 아무것도 가지지 않은 것
  • apple:not(.small)

    • apple중에 클래스가 small이 아닌 것들
728x90
LIST

'CSS' 카테고리의 다른 글

CSS 수업 - 타이포그래피 : font-size  (0) 2021.02.19
CSS 수업 - 속성을 공부하는 방법  (0) 2021.02.18
CSS 수업 - 다양한 선택자들 3  (0) 2021.02.16
CSS 수업 - 다양한 선택자들 2  (0) 2021.02.15
가상클래스선택자  (0) 2021.02.10
Comments