如何为TiddlyWiki的TOC目录不同标签条目设置差异化显示颜色

完全可以实现，不需要修改你现有的TOC调用逻辑，通过自定义样式就能完成差异化显示，操作步骤如下：

• 保留你原有的TOC调用代码，不需要做任何改动：

<div class="tc-table-of-contents">
<<toc "Inhalt">>
</div>

• 新建一个样式tiddler，给这个tiddler打上$:/tags/Stylesheet标签（TiddlyWiki会自动加载带这个标签的tiddler作为全局样式），将tiddler的内容类型设置为CSS，填入以下代码：

/* 选中同时带有Inhalt和Fahrt标签的TOC条目链接，设置为浅蓝色 */
.tc-table-of-contents .tc-toc-item a.tc-tagged-Fahrt {
  color: #73b8f0;
}

补充说明 #

• TiddlyWiki渲染TOC条目时，会自动给每个条目对应的链接加上tc-tagged-标签名格式的类名，只要条目挂了对应标签就会携带对应类，上述选择器可以精准命中同时在Inhalt目录下、又带Fahrt标签的条目，不会误伤其他内容。
• 仅带有Inhalt标签的条目会自动沿用系统默认的标准蓝色，不需要额外写样式覆盖。
• 如果你想换其他差异化颜色，直接修改color属性后的色值即可，支持十六进制色值、rgb色值或者直接写颜色英文名称。如果保存后发现样式没生效，可以给属性加!important提升优先级，或者把选择器写得更精准：

  .tc-table-of-contents .tc-toc-item a.tc-tagged-Inhalt.tc-tagged-Fahrt {
    color: #73b8f0 !important;
  }
  

• 样式保存后刷新即可生效，不会影响TOC原有的折叠、层级跳转等所有原生功能。

内容的提问来源于stack exchange，提问作者Schorsch