728x90 first-child1 HTML/CSS - 가상 클래스 선택자(2) 안녕하세요, 가상 클래스 선택자 내용이 많아 나눠서 정리하겠습니다. 지난주에 hover, active, focus에 추가로 정리해보겠습니다. ◆ first-child : 요소가 형제 요소 중 첫 번째 요소라면 선택 ◆ last-child : 요소가 형제 요소 중 마지막 요소라면 선택 ◆ nth-child : 요소가 형제 요소 중 n번째 요소라면 선택 n에 숫자가 아닌 2n과 같은 식이 들어갈 수도 있습니다. (n은 0부터 커지면서 대입) ※ 주의사항 .fruits li:nth-child(n) { 속성: 값; } 위에 식을 해석하는데 오른쪽부터 왼쪽으로 해석을 해야 합니다. n번째 자식이 요소라면 선택이라고 해석을 해야 아래와 같이 오류가 발생이 안 합니다. ◆ nth-of-type : 요소의 타입(태그 .. 2021. 6. 1. 이전 1 다음
