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

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

roro11 4년 전 조회 2,114

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

 

 

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

 

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

 

</p>

<p><ul class="num_best">

  <li><?=$i+1?></li>

</ul></p>

<p> </p>

<p>.num_best li:first-child{color:pink;}</p>

<p>

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

답변 4개

Haraho
4년 전

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

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

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

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

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

j
4년 전

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

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

</p>

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

<p>//css 부분</p>

<p><font face="monospace"><span style="font-size: 11.375px;">div > ul:nth-child(1) li {color:pink;}</span></font></p>

<pre>

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

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

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

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

 

이렇게 하면 되지 않나요?

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

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

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


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

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

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

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

로그인