如何使用CSS設計標題的父元素元素？

Question

我希望能夠在包含主標題的所有li元素上設置屬性list-style-type: none;（<h1>,<h2>和<h3>）。

起初，我嘗試這樣做 -

li h1, 
li h2, 
li h3 { 
    list-style-type: none; 
} 

但後來我意識到這是行不通的，因爲它是設置在頭部，而不是列表元素的屬性。

我該怎麼做？

Answer 1

您可以爲包含標題元素並將列表樣式設置爲無的項目分配一個類。

例如：

li.header {list-style:none;} 

Answer 2

嘗試以下方法：

CSS：

li { 
     list-style-type: none; 
    } 

HTML：

<ul> 
     <li><h1>test1</h1></li> 
     <li><h1>Test2</h1></li> 
    </ul>