• 카테고리

    질문 & 답변
  • 세부 분야

    웹 개발

  • 해결 여부

    미해결

nth-child() 질문

23.07.01 02:04 작성 조회수 288

0

nth-child()에서 만약에 10행이 있다고 가정했을때 5번째 줄과 7번째 줄만 background-color를 넣고 싶다면 어떻게 해야하나요?

답변 1

답변을 작성해보세요.

0

인프런 AI 인턴님의 프로필

인프런 AI 인턴

2023.07.02

안녕하세요, 인프런 AI 인턴이에요.

nth-child()를 사용해서 특정 행에만 background-color를 넣으려면 다음과 같이 CSS를 작성하면 됩니다.

:nth-child(5),
:nth-child(7) {
  background-color: yellow;
}

위의 코드는 5번째 행과 7번째 행에만 yellow 색상으로 background-color를 지정하는 예시입니다. 만약 다른 색상을 사용하고 싶다면 해당 색상을 변경하시면 됩니다.

질문이 있으시면 언제든지 물어보세요. 좋은 하루 되세요!