HTML 和 CSS 可以实现有序列表编号的可点击跳转，但需要注意的是：纯 HTML 和 CSS 无法直接实现“点击编号后跳转到对应内容”的功能，因为这需要 JavaScript 来处理点击事件和页面滚动。不过，可以通过以下方式实现类似效果：✅ 实现思路（HTML + CSS + JS）为每个列表项添加 ID将编号作为链接，指向对应的 ID使用 CSS 样式美化编号用 JavaScript 实现点

以下为完整、可复用的实现方案：

✅ 推荐实现（语义清晰 + 兼容性强）

<style>
.myList {
  counter-reset: section;
  padding-left: 0; /* 重置默认左侧缩进 */
}
.myList li {
  list-style: none; /* 关闭原生标记 */
  margin-bottom: 0.5em;
}
.myList li a {
  position: relative;
  display: inline-flex;
  align-items: center;
  color: #1a73e8;
  text-decoration: none;
}
.myList li a::before {
  counter-increment: section;
  content: "(" counter(section) ") ";
  font-weight: bold;
  margin-right: 0.5ch;
  /* 可选：增强点击区域可见性 */
  background: #f8f9fa;
  padding: 0 4px;
  border-radius: 3px;
}
/* 悬停反馈（提升 UX） */
.myList li a:hover::before {
  background: #e8f0fe;
}
</style>

<ol class="myList">
  <li><a href="#MyID">A</a></li>
  <li><a href="#itemB">B</a></li>
  <li><a href="#itemC">C</a></li>
</ol>

1. 1. 内容一
2. 2. 内容二》的内容介绍就到此结束，如果有什么疑问或者建议，可以在golang学习网公众号下多多回复交流；文中若有不正之处，也希望回复留言以告知！