CSS의 다른 중첩 된 레이어에서 ul 유형/클래스를 지정하는 방법은 무엇입니까?

Question

html/doxygen을 작성할 때 ul, li가 자주 사용됩니다. 중첩 목록의 경우. 첫 번째 레이어는 "디스크", 두 번째 레이어는 "사각형", 트리드 레이어는 "대시"가되고 싶습니다.

<ul> 
    <li> ... 
    <ul type=square> 
     <li> ... 
     <ul class="dash"> 
       <li> ... 
       <li> ... 
     </ul> 
    </ul> 
</ul> 

는 유형 = 평방 = "대시" 또는 클래스처럼 입력하는 일을 피할 수있는 방법이 있나요. 중첩 된 ul 목록을 작성하면 기본적으로 중첩 된 계층의 위치에 따라 다른 유형 및 클래스로 설정할 수 있습니다.

어쨌든 CSS에서 할 수 있습니까?

Answer 1

이 방식으로 CSS를 사용할 수 있습니다

ul { 
    list-style: disc 
} 

ul ul { 
    list-style: circle; 
} 

ul ul ul { 
    list-style: square; 
} 

데모 :http://jsfiddle.net/GCu2D/1736/

Answer 2

square 아래, 유효한 list-type 인 예이다. :before 의사 선택기를 사용하여 대시를 얻을 수 있습니다.

ul[type=square] { 
 
     list-style: square; 
 
    } 
 

 
    ul.dash { 
 
     list-style: none; 
 
    } 
 
ul.dash >li:before { 
 
     content:"-"; 
 
     position: absolute; 
 
     margin-left: -14px 
 
    }

<ul> 
 
    <li> ... 
 
    <ul type=square> 
 
     <li> ... 
 
     <ul class="dash"> 
 
       <li> ... 
 
       <li> ... 
 
     </ul> 
 
    </ul> 
 
</ul>