CSS – object-fit, :not 의사 클래스

keepitupcoding

freeCodeCamp – Responsive Web Design

  • object-fit: cover;
    • img의 비율을 원본 비율로 유지하는 속성
  • gap: 16px;
    • row-gap, colum-gap
    • flex, grid, multi-column 레이아웃에서 컨테이너 요소들 간 간격을 만들어주는 속성

Learn Typography by Building a Nutrition Label

  • not 의사 클래스
    • 특정 id 값을 포함하지 않는 요소만 선택
      • div:not(#example)
    • 특정 class 값을 포함하지 않는 요소만 선택
      • .daily-value p:not(.no-divider)
    • alt 속성을 가지고 있지 않은 요소만 선택
      • .card img:not([alt])
      • > 반대는 .card img[alt]

Related Posts