如何在CSS中的不同嵌套圖層中指定ul類型/類？

在編寫html/doxygen時，經常使用ul，li。對於嵌套列表。我想要第一層是「光盤」，第二層是「正方形」，而第三層是「短劃線」。如何在CSS中的不同嵌套圖層中指定ul類型/類？

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

有沒有辦法避免像類型=方或類= 「破折號」打字的東西。一旦我編寫了一個嵌套的ul列表，它可以被默認設置爲不同的類型和類，具體取決於它所在的嵌套層。

無論如何在CSS中做到這一點？

來源

2017-03-07 Eric Sun

您不能設置一個類CSS。類以標記語言（HTML或XML）設置。 –

您可以使用這種方式的CSS：

ul { 
    list-style: disc 
} 

ul ul { 
    list-style: circle; 
} 

ul ul ul { 
    list-style: square; 
}

演示：http://jsfiddle.net/GCu2D/1736/

來源

2017-03-07 03:20:46

完美地選擇不同的風格。但我不想使用「圈子」，但想要使用預定義的ul類「短跑」，無論如何選擇它？ –

將ul.dash添加到您想要使用的任何地方 –

將第三級設置爲 ul ul ul.dash 不起作用。我必須使用「ul ul ul> li：before」重新定義班級。但無論如何，你的回答完美地解決了我的問題。謝謝！ –

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>

來源

2017-03-07 03:44:44 aje

謝謝你的回答。我知道如何定義「短跑」課程。我只想知道如何自動調用它在嵌套ul的某個級別，而不指定class =「dash」 –

如何在CSS中的不同嵌套圖層中指定ul類型/類？

回答

相關問題