php , css 컬러 변경 질문입니다! 채택완료

list.skin.php 리스트에 랭킹을 표현 해주기 위해

 

1888899041_1630041048.5875.png

 

위의 이미지 처럼 숫자를 출력 시켰습니다.

 

1 숫자만 특정 컬러를 주고 싶은데 전체적으로 컬러가 들어가네요...

 

Copy
<ul class="num_best">
  <li><?=$i+1?></li>
</ul>

 

.num_best li:first-child{color:pink;}

답변 4개

모든 .num_best의 첫 번째 li에 스타일을 적용하고 계시네요.

상위태그 > ul:first-of-type > li { color: pink; }

로 주시면 어떨까 싶습니다.

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

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

nth-child 를 li에 부여하지마시고. 

Dessi 말씀처럼 ul이 감싸는 형태로 출력된다면 ul 상위 div > ul 자식요소로 지정

Copy
<ul class="num_best">
  <li><?=$i+1?></li>
</ul>


//css 부분

div > ul:nth-child(1) li {color:pink;}

이렇게 스타일을 줘보세요.

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

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

<ul class="num_best">
  <li class="num_li"><?=$i+1?></li>
</ul>
 
.num_best li:first-child{color:pink;}
.num_li { color:#red;}

 

이렇게 하면 되지 않나요?

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

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

$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>


이렇게 반복이라 그럴거에요.

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

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

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

로그인
🐛 버그신고