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개
4년 전
모든 .num_best의 첫 번째 li에 스타일을 적용하고 계시네요.
상위태그 > ul:first-of-type > li { color: pink; }
로 주시면 어떨까 싶습니다.
로그인 후 평가할 수 있습니다
댓글을 작성하려면 로그인이 필요합니다.
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;}
이렇게 하면 되지 않나요?
로그인 후 평가할 수 있습니다
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인