CSS 질문합니다.
본문
안녕하세요 초보 퍼블리셔입니다
작업하는 도중 모르겠어서 질문 드립니다 ㅠㅠ..
https://caselee88.connectvalue.net/contents/fanPage/lecture/lectureView.asp?lecture_num=379
이페이지에 있는 댓글 영역에서
첫번째 글은 css 가 잘 먹었으나
두번째글부터 스타일이 먹지 않았네요 ,,뭐가 문제일까요 ,,? 답변 부탁드립니다!
답변 3
1.두번째 부터 <li></li>안에 넣으셔야 합니다.
2.css 추가(connectvalue.css) ->2181 다음에
.commentArea .commentList ul {border-top:1px solid #e6e7e9;}
.commentArea .commentList ul .comment {padding:30px 0;}
.commentArea .commentList ul .comment .img {float:left;width:42px;}
.commentArea .commentList ul .comment .img img {width:32px;border-radius:32px;}
.commentArea .commentList ul .comment .inputWrap {overflow:hidden; box-sizing: border-box;}
.commentArea .commentList ul .comment .inputWrap .info {padding-top:5px;}
.commentArea .commentList ul .comment .inputWrap .info .user {padding-right:12px;}
.commentArea .commentList ul .comment .inputWrap .info .user b {font-size:16px;color:#20244b;font-weight:500;}
.commentArea .commentList ul .comment .inputWrap .info .user span {font-size:15px;color:#777777;}
.commentArea .commentList ul .comment .inputWrap .info .user .bg {display:none;}
.commentArea .commentList ul .comment .inputWrap .info .date {position:relative;padding:0 12px;font-size:15px;font-weight:300;color:#777777;}
.commentArea .commentList ul .comment .inputWrap .info .date:before{content:"";display: block;position:absolute;top:50%;left:0;width:1px;height:14px;margin-top:-7px;background:#e6e7e9;}
.commentArea .commentList ul .comment .inputWrap .reple {margin-top:12px;font-size:16px;color:#333333;}
.commentArea .commentList ul .comment .inputWrap .menu {margin-top:25px;}
li가 닫힌 후 div.comment가 열린듯합니다. 테그 열고닫고 잘 보세요
li 요소에만 css가 적용되는데 첫번째 코멘트를 제외한 나머지는 div로 되어있네요