이전 목록 다음
채택완료

css ul li 상속 막는법?

루2
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2022-02-15 (화) 23:48:39 3,279

<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 말구요 !

그누보드5
|

답변 4개

채택된 답변
+20 포인트
내내가누구야
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2022-02-16 (수) 10:05:14

ul.first-ul {}

ul.first-ul li {}

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

ul.first-ul {}

ul.first-ul > li {}

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

아르르
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2022-02-16 (수) 03:04:18

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

비버팩토리
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2022-02-16 (수) 01:07:50

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

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