如何使用 CSS 为标题的父 li 元素设置样式？答案

【问题标题】：How to style parent li elements of headers using CSS?如何使用 CSS 为标题的父 li 元素设置样式？
【发布时间】：2012-04-10 05:23:54
【问题描述】：

我希望能够在所有包含主标题（<h1>、<h2> 和<h3>）的li 元素上设置属性list-style-type: none;。

一开始我试过这个-

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

但后来我意识到它不起作用，因为它是在标题上设置属性，而不是在列表元素上。

我该怎么做？

【问题讨论】：

【解决方案1】：

您可以为包含标题元素的 li 项目分配一个类并将列表样式设置为无。

例如：

li.header {list-style:none;}

【讨论】：

【解决方案2】：

尝试以下方法：

CSS：

    li {
        list-style-type: none;
    }

HTML：

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

【讨论】：