article标签内的ol, ul样式不重置实例页面

展示

代码

• HTML：

  <h4 class="fill">ol外无article</h4>
  <ol>
      <li>列表</li>
      <li>列表</li>
      <li>列表</li>
  </ol>
  <h4 class="fill">ol外是article</h4>
  <article>
      <ol>
          <li>列表</li>
          <li>列表</li>
          <li>列表</li>
      </ol>
  </article>
  <h4 class="fill">ol外是div祖先是article</h4>
  <article>
      <div>
          <ol>
              <li>列表</li>
              <li>列表</li>
              <li>列表</li>
          </ol>
      </div>
  </article>

• CSS：

  ol:not(article ol),
  ul:not(article ul) {
      padding: 0;
      margin: 0;
      list-style-type: none;
  }