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

css ul li 상속 막는법? 채택완료

루2 3년 전 조회 3,061

<ul class="first-ul">

  <li>

    <a>con</a>

    <ul class="in_ul">

      <li>

       <a>in-con</a>

      </li>

     </ul>

 </li>

</ul>

 

이런느낌으로 ul li 안에 ul이 있을경우 부모 ul li의 css 스타일 값을 상속 안받게 할 수 있을까요?

!important 말구요 !

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

답변 4개

채택된 답변
+20 포인트

ul.first-ul {}

ul.first-ul li {}

이런 형태로 작성하시면 하위 모든 자식에게도 전달되지만

ul.first-ul {}

ul.first-ul > li {}

형태로 하위 한단계만 지정하시면 가능 할 듯합니다

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

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

아르르
3년 전

ul:not(.first-ul) li { background: #ddd}

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

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

음.. 그냥 클래스가 지정 됐으니까 .in_ul 여기만 스타일 입히면 되지 않을까요?

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

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

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

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

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

로그인