html - 在 html 中使用 with in 并使用 css 更改结果的问题

Question

出于某种原因，我不确定 about christopher paolini 书中的内容是否使用元素符号而不是小写罗马数字显示。有谁知道怎么了？

HTML

<ol class="list">
    <li>Books

      <ul class="list">
        <li>Any thing by Mathew Riely</li>

        <li>Alex Rider series</li>

        <li>Christopher Paolini

          <ol class="list">
            <li>Eragon</li>

            <li>Eldest</li>

            <li>Brisingr</li>
          </ol>
        </li>
      </ul>
    </li>

    <li>Music

      <ul class="list">
        <li>Muse</li>

        <li>Coldplay</li>

        <li>Red</li>

        <li>Radiohead</li>
      </ul>
    </li>

    <li>Films &amp; TV

      <ul class="list">
        <li>Inception</li>

        <li>Serenity</li>

        <li>Star Trek</li>

        <li>Surrogates</li>
      </ul>
    </li>
  </ol>

CSS

ul.list {
  list-style-image : url('images/bpr.png');
}

ol.list {
  list-style-type : lower-roman;
}

Answer 1

这段代码对我来说似乎工作得很好。您确定已导入您的 CSS 吗？

这适用于 Safari 的代码片段编辑器。

<style>
ul.list {
  list-style-image : url('images/bpr.png');
}

ol.list {
  list-style-type : lower-roman;
}
</style>

<ol class="list">
    <li>Books

      <ul class="list">
        <li>Any thing by Mathew Riely</li>

        <li>Alex Rider series</li>

        <li>Christopher Paolini

          <ol class="list">
            <li>Eragon</li>

            <li>Eldest</li>

            <li>Brisingr</li>
          </ol>
        </li>
      </ul>
    </li>

    <li>Music

      <ul class="list">
        <li>Muse</li>

        <li>Coldplay</li>

        <li>Red</li>

        <li>Radiohead</li>
      </ul>
    </li>

    <li>Films &amp; TV

      <ul class="list">
        <li>Inception</li>

        <li>Serenity</li>

        <li>Star Trek</li>

        <li>Surrogates</li>
      </ul>
    </li>
  </ol>