가상 클래스 선택자 中 nth-of-type

2672 단어 CSS CSS

:nth-of-type

div:nth-of-type(2)

형제 요소 중 2번째 순서에 div가 있다면 선택

- 예시

CSS

.fruits li:nth-of-type(1) {
  color: red;
}

HTML

<ui class="fruits">
  <span>오렌지</span>
  <p class="red">딸기</p>
  <li>망고</li>               <-------  /*선택*/
  <li class="red">사과</li>   
</ui>

주의할 점은 태그선택자만 사용 가능하고 클래스 선택자는 사용 불가

이 문제에 관하여(가상 클래스 선택자 中 nth-of-type), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://velog.io/@zziririg/가상-클래스-선택자-中-nth-of-type

우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)

개발자 우수 사이트 수집

개발자가 알아야 할 필수 사이트 100선 추천 우리는 당신을 위해 100개의 자주 사용하는 개발자 학습 사이트를 정리했습니다