我不能得到:: after在表格中显示内容

时间:2017-07-01 13:21:48

标签: css css-selectors pseudo-element

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

我有以下css

y = [{id:group}].

开头括号显示应该如此,但我无法得到结束的括号。我做错了什么?

1 个答案:

答案 0 :(得分:0)

你的代码,在这里工作得很好......



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

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

<table id="ingredients">
  <tr>
    <td>blahblah</td>
    <td>blahblah</td>
    <td>blahblah</td>
    <td>blahblah</td>
  </tr>
</table>
&#13;
&#13;
&#13;