覆盖h3元素

Question

我正在使用Middleman构建的博客网站。列表的默认列表样式类型位于_lists.scss中，并且在每个li元素都有一个光盘的情况下正常工作。但是，我想为li中的h3元素覆盖它。

以下是我的列表html的示例：

<div id="main" role="main">
<ul>
    <li>
      <h3>heading</h3>
    </li>
</ul>

以下是我一直在使用的CSS：

ul, ol {
  margin: 0;
  padding: 0;
  list-style-type: none;

  &%default-ul {
    list-style-type: disc;
    margin-bottom: $base-line-height / 2;
    padding-left: $base-line-height;
  }

  &%default-ol {
    list-style-type: decimal;
    margin-bottom: $base-line-height / 2;
    padding-left: $base-line-height;
  }
}

#main > ul > li > h3 {
    list-style-type: none;
}

但屏幕上没有任何变化。

我缺少什么？任何帮助表示赞赏。

Answer 1

将list-style-type赋予任何ul的li而不是li的子 试试这个

#main > ul > li{
    list-style-type: none;
}