테스트 사이트 - 개발 중인 베타 버전입니다

rgb 색상변경 채택완료

황뽀웹디 8년 전 조회 3,308

</strong></p>

<p>.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);

}</p>

<p>

.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);

}</p>

<p><strong>

 

링크사이트를 보시면 상단의 파란색/연두색~ 으로 되는 1줄에 3칸 총 6칸부분에서

2번째줄에 있는 종합검진 상담 접수~난치성 질환 상담접수 부분의 텍스트 백그라운드 색상을 변경하고 싶습니다.

css 에서 rgb값은 수정했는데 먹히지 않네요 .. 

원래 1줄에 3칸까지만 있었는데 복사하여 1줄을 더 만들었습니다.

box:nth-child( )로 불러들이는 게 잘못된건지 수정을 하려고하니 잘 몰라서 질문드립니다~

 

댓글을 작성하려면 로그인이 필요합니다.

답변 3개

채택된 답변
+20 포인트
8년 전

종합검진 상담접수는 .de08 .box:nth-child(4) 가 아니고 .de08 .box:nth-child(1) 입니다.

.de08 .box:nth-child(4) 를 -> .de08 .row:nth-child(2) .box:nth-child(1) 로  변경해 보세요. 

로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

황뽀웹디
8년 전
아직 코딩초보라서 잘 이해는 되지 않지만 알려주신대로 수정하여 문제점 해결하였습니다 감사합니다^^

댓글을 작성하려면 로그인이 필요합니다.

A

좋은 정보네요~

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

nanati
8년 전

색상을 변경하고 싶으신 부분의 상위 클래스 중 box라는 상위클래스가 없습니다.

차라리 색상을 변경하고 싶은 부분에 클래스명을 주시고 색상을 입히시는 것이 빠르겠습니다.

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인