rgb 색상변경
관련링크
본문
.de08 .box:hover .textArea p {
padding-left: 20px;
}
.de08 .box:nth-child(1) .textArea p {
background-color: rgb(5, 101, 144);
}
.de08 .box:nth-child(2) .textArea p {
background-color: rgb(148, 180, 57);
}
.de08 .box:nth-child(3) .textArea p {
background-color: rgb(231, 185, 22);
}
.de08 .box:nth-child(4) .textArea p {
background-color: rgb(26, 139, 89);
}
.de08 .box:nth-child(5) .textArea p {
background-color: rgb(101, 145, 194);
}
.de08 .box:nth-child(6) .textArea p {
background-color: rgb(233, 123, 28);
}
링크사이트를 보시면 상단의 파란색/연두색~ 으로 되는 1줄에 3칸 총 6칸부분에서
2번째줄에 있는 종합검진 상담 접수~난치성 질환 상담접수 부분의 텍스트 백그라운드 색상을 변경하고 싶습니다.
css 에서 rgb값은 수정했는데 먹히지 않네요 ..
원래 1줄에 3칸까지만 있었는데 복사하여 1줄을 더 만들었습니다.
box:nth-child( )로 불러들이는 게 잘못된건지 수정을 하려고하니 잘 몰라서 질문드립니다~
답변 3
종합검진 상담접수는 .de08 .box:nth-child(4) 가 아니고 .de08 .box:nth-child(1) 입니다.
.de08 .box:nth-child(4) 를 -> .de08 .row:nth-child(2) .box:nth-child(1) 로 변경해 보세요.
아직 코딩초보라서 잘 이해는 되지 않지만 알려주신대로 수정하여 문제점 해결하였습니다 감사합니다^^
색상을 변경하고 싶으신 부분의 상위 클래스 중 box라는 상위클래스가 없습니다.
차라리 색상을 변경하고 싶은 부분에 클래스명을 주시고 색상을 입히시는 것이 빠르겠습니다.
좋은 정보네요~
답변을 작성하시기 전에 로그인 해주세요.
