html – 在列表之前添加文本

前端之家收集整理的这篇文章主要介绍了html – 在列表之前添加文本前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我想做一个像这样的清单
元素1.鸟
元素2.狮子

问题是我不想为每个项目写“元素”.有没有办法将内容添加到我的列表中?

解决方法

你需要 CSS counters
#customlist {
  /* delete default counter */
  list-style-type: none;
  /* create custom counter and set it to 0 */
  counter-reset: elementcounter;
}

#customlist>li:before {
  /* print out "Element " followed by the current counter value */
  content: "Element " counter(elementcounter) ": ";
  /* increment counter */
  counter-increment: elementcounter;
}
<ol id="customlist">
  <li>Elephant</li>
  <li>Bird</li>
  <li>Lion</li>
</ol>
原文链接:https://www.f2er.com/html/232024.html

猜你在找的HTML相关文章