如何使用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>