중첩 된 uls에 대한 추가 글 머리 기호 제거

Question

ul에서 유효한 요소는 li입니다. 그래서 같은 li에 포장하는 내가 가지고 ul 내부에 또 다른 ul을 넣어하려면

불법 :

<ul> 
    <li>first outer item</li> 
    <ul> 
    <li>inner item 1</li> 
    <li>inner item 2</li> 
    </ul> 
    <li>second outer item</li> 
</ul> 

법률 :

<ul> 
    <li>First outer item</li> 
    <li> 
    <ul> 
     <li>inner item 1</li> 
     <li>inner item 2</li> 
    </ul> 
    </li> 
    <li>Second outer item</li> 
</ul> 

내 문제는 크롬에서 두 번째 (천국 ' 다른 브라우저에서 테스트 한 경우) 아래의 글 머리 기호가 더 깊게 표시됩니다 (inner item 1 앞에 두 개의 글 머리 기호)

• 먼저 외부 항목
• • 내부 항목 1
  • 내부 항목이
• 제 2 외부 항목

은 내가 잘못 중첩 건가요? CSS를 통해이 문제를 해결해야합니까? (그렇다면 메모는 어떻게 평가 될 것입니까?)

Answer 1

아마도 중첩 된 항목은 이전 항목과 관련이 있습니다. 하위 목록은 자체 항목이 아닌 해당 항목으로 이동해야합니다.

<ul> 
    <li>First outer item <!-- No </li> --> 
    <!-- No <li> --> 
    <ul> 
     <li>inner item 1</li> 
     <li>inner item 2</li> 
    </ul> 
    </li> <!-- </li> for First outer item AND the list of inner items associated with it --> 
    <li>Second outer item</li> 
</ul>