인프런 커뮤니티 질문&답변
작성한 질문수
nth-child() 질문
작성
·
409
0
nth-child()에서 만약에 10행이 있다고 가정했을때 5번째 줄과 7번째 줄만 background-color를 넣고 싶다면 어떻게 해야하나요?
답변 1
0
안녕하세요, 인프런 AI 인턴이에요.
nth-child()를 사용해서 특정 행에만 background-color를 넣으려면 다음과 같이 CSS를 작성하면 됩니다.
:nth-child(5),
:nth-child(7) {
background-color: yellow;
}
위의 코드는 5번째 행과 7번째 행에만 yellow 색상으로 background-color를 지정하는 예시입니다. 만약 다른 색상을 사용하고 싶다면 해당 색상을 변경하시면 됩니다.
질문이 있으시면 언제든지 물어보세요. 좋은 하루 되세요!