如何仅移除目录（TOC）中首个标题的虚线

嘿，我来帮你搞定这个需求！要只去掉TOC里第一个标题的虚线，同时保留其他标题的样式，咱们用CSS精准控制就行，方法很直观：

方法一：针对第一个列表项精准修改 #

如果你的TOC是标准的列表结构（比如用<ul>/<li>包裹的链接），先找到TOC的容器类名（比如常见的toc或者table-of-contents），然后给第一个列表项的链接去掉虚线样式：

/* 假设TOC容器类是toc，修改第一个<li>里的链接 */
.toc li:first-child a {
  /* 如果是默认的文本下划线虚线 */
  text-decoration: none;
  /* 如果是自定义的底部边框虚线，就用这个 */
  border-bottom: none;
}

原理很简单：:first-child伪类会精准选中TOC里的第一个列表项，只对它的链接样式做修改，不会影响其他条目。

方法二：按标题层级筛选 #

如果你的TOC是按标题层级分类的（比如一级标题类是level-1，二级是level-2），可以直接针对第一个一级标题条目修改：

.toc .level-1:first-child a {
  text-decoration: none;
}

要是不确定类名，按下F12打开浏览器开发者工具，鼠标点一下第一个TOC条目，就能看到它对应的类和结构啦。

怎么应用这些代码？ #

如果是静态站点（比如用Hexo、Jekyll搭建的），找到站点的自定义CSS文件（通常叫custom.css或者style.css），把上面的代码粘贴进去就行；如果是文档类工具（比如支持自定义CSS的笔记工具），找到对应的自定义样式入口添加代码就好。

备注：内容来源于stack exchange，提问作者Laura_777