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

css 지정 시 부모만 선택 가능한가요? 채택완료

마인드핵 10년 전 조회 6,402

</p><p><ul class="first"></p><p>  <li></p><p>    <ul></p><p>      <li>아아아아</li></p><p>      <li>아아아아</li></p><p>      <li>아아아아</li></p><p>    </ul></p><p>  </li></p><p> </p><p>  <li></p><p>    <ul></p><p>      <li>아아아아</li></p><p>      <li>아아아아</li></p><p>      <li>아아아아</li></p><p>    </ul></p><p>  </li></p><p></ul></p><p>

 

이런 코드인데

css를 

.first li {color:#999}

를 지정했는데...

자식 ul에 있는 li도 전부 색이 변하더군요

자식을 빼고 지정은 어떻게 해야 하나요?

 

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

답변 2개

채택된 답변
+20 포인트
P
10년 전

.first > li 

 

.first > li 는 바로 한단계 아래의 자식만 선택하는 자식선택자입니다.

.first li는 자손선택자로써 .first 하위의 모든 li를 지칭합니다.

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

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

p
10년 전

.first > li 

이렇게 하면 가능하겠지만서도 익스 9이상만 됩니다.

참고하세요. 

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

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

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

로그인