如何用Pandoc将Markdown转HTML时设置单个表格单元格样式？

问题原因 #

你使用的单元格属性写法{: .emph}不符合Pandoc支持的表格属性语法，因此被原样输出，未转换为对应的HTML类属性。

可行解决方案 #

下面提供两种实用方法实现单个单元格的样式设置：

方案1：直接内嵌HTML标签（兼容性最强） #

无需依赖任何扩展，直接用带class的<span>标签包裹目标单元格内容：

|             | Fruit | Vegetable |
|-------------|-------|-----------|
| Apple       | yes   | no        |
| Broccoli    | no    | yes       |
| Carrot      | no    | yes       |
| Orange      | yes   | no        |
| Tomato      | <span class="emph">(yes)</span> | yes |

转换命令保持原有写法即可：

pandoc -t html -o output.html input.md

之后在生成的HTML文件中，添加CSS样式实现背景高亮：

.emph {
  background-color: #ffff99; /* 浅黄色高亮，可自定义颜色 */
}

方案2：启用Pandoc专属table_cells扩展（纯Markdown写法） #

如果偏好纯Markdown语法，可使用Pandoc 2.10及以上版本支持的table_cells扩展，将属性放在单元格内容后方的括号中：

|             | Fruit | Vegetable |
|-------------|-------|-----------|
| Apple       | yes   | no        |
| Broccoli    | no    | yes       |
| Carrot      | no    | yes       |
| Orange      | yes   | no        |
| Tomato      | (yes){.emph} | yes |

转换命令需加上+table_cells扩展声明：

pandoc -f markdown+table_cells -t html -o output.html input.md

生成的HTML会自动将该单元格内容包裹在带emph类的<span>标签中，同样通过CSS设置背景色即可生效。

注意事项 #

• 方案2的table_cells是Pandoc专属扩展，其他Markdown解析工具可能不支持，若需要跨工具兼容性，优先选择方案1。
• 两种方案都需要额外的CSS代码来定义样式，可将CSS写入HTML的<style>标签内，或单独引入外部CSS文件。

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