답변 4개
모든 .num_best의 첫 번째 li에 스타일을 적용하고 계시네요.
상위태그 > ul:first-of-type > li { color: pink; }
로 주시면 어떨까 싶습니다.
댓글을 작성하려면 로그인이 필요합니다.
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;}
이렇게 스타일을 줘보세요.
댓글을 작성하려면 로그인이 필요합니다.
<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>
이렇게 반복이라 그럴거에요.
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인