php , css 컬러 변경 질문입니다!
본문
list.skin.php 리스트에 랭킹을 표현 해주기 위해
위의 이미지 처럼 숫자를 출력 시켰습니다.
1 숫자만 특정 컬러를 주고 싶은데 전체적으로 컬러가 들어가네요...
<ul class="num_best">
<li><?=$i+1?></li>
</ul>
.num_best li:first-child{color:pink;}
답변 4
$i 가 for문 일것 같은데 for문이 <li>를 감싸고 있으면 제대로 나올겁니다.
만약 <ul>을 감싸고 있다면
<ul class="num_best">
<li>1</li>
</ul>
<ul class="num_best">
<li>2</li>
</ul>
<ul class="num_best">
<li>3</li>
</ul>
이렇게 반복이라 그럴거에요.
<ul class="num_best">
<li class="num_li"><?=$i+1?></li>
</ul>
.num_best li:first-child{color:pink;}
.num_li { color:#red;}
이렇게 하면 되지 않나요?
nth-child 를 li에 부여하지마시고.
Dessi 말씀처럼 ul이 감싸는 형태로 출력된다면 ul 상위 div > ul 자식요소로 지정
<ul class="num_best">
<li><?=$i+1?></li>
</ul>
//css 부분
div > ul:nth-child(1) li {color:pink;}
이렇게 스타일을 줘보세요.
!-->모든 .num_best의 첫 번째 li에 스타일을 적용하고 계시네요.
상위태그 > ul:first-of-type > li { color: pink; }
로 주시면 어떨까 싶습니다.
답변을 작성하시기 전에 로그인 해주세요.