テーブルの内容を表示するために:: afterを取得できません

Question

:: beforeと:: afterを使用して、括弧内の特定の表のセルにテキストを挿入しようとしています。セル内容自体は、高度なカスタムフィールドフォームから引き出され、理論的には、かっこの間に挿入されます。私は次のCSS

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

に開く括弧を持って

は、それが必要として表示されますが、私はクローズ1が表示されるまでに取得することはできません。私は間違って何をしていますか？

Answer 1

あなたのコード、ここでは細かい作業...

#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>