請教我想用ol li變成：（01）項目1 （02）項目2 （03）項目3

list html

licckimi 2022-10-07 16:49:05 ‧ 779 瀏覽

分享至

我想用HTML内容中的ol il表單樣式建立一個列表：（01）項目1 （02）項目2 （03）項目3
請問一下偽元素怎麼寫？？可以請大大教學嗎？

登入發表討論

直播研討會

{{ item.channelVendor }} {{ item.webinarstarted }} |

直播中

2 個回答

copemoe

iT邦好手 3 級 ‧ 2022-10-07 16:59:49

請參考這篇

<ol>
  <li>OOOOO
    <ol>
      <li>XXXXX</li>
      <li>XXXXX</li>
    </ol>
  </li>
  <li>OOOOO
    <ol>
      <li>XXXXX</li>
      <li>XXXXX</li>
      <li>XXXXX</li>
    </ol>
  </li>
  <li>OOOOO
    <ol>
      <li>XXXXX</li>
      <li>XXXXX</li>
      <li>XXXXX</li>
    </ol>
  </li>
  
</ol>

li li::marker{
   content: counters(list-item,"-",list-item)" ";
   font-family: "Comic Sans MS", cursive, sans-serif;
   font-size: 15px;
   font-weight: 700;
   color:#396
}