Css 我能'；t get:：after在表中显示内容

我试图使用：：before和：：after将文本放在括号中的特定表格单元格中。单元格内容本身是从高级自定义字段表单中提取的，理论上，将插入括号之间

我有以下css

#ingredients td:nth-child(4)::before {content:"(";}
#ingredients td:nth-child(4)::after {content:")";}

---

开头的圆括号显示得恰到好处，但我无法显示结尾的圆括号。我做错了什么？

您的代码，在这里工作正常

#第n个孩子（4）：：之前{
内容：“（”；
}
#成分：第n个孩子（4）：后{
内容：“）”；
}

布拉布拉赫
布拉布拉赫
布拉布拉赫
布拉布拉赫