css - CSSで特定のテキストを置き換える方法は?

Question

テーブルがあり、「1」を「X」に、「0」を「」に置き換えたいと考えています。CSSで可能ですか？

<table>
    <tr>
        <td>1</td>
        <td>0</td>
    </tr>
</table>

Answer 1

これは jQuery の仕事のように思えます。

HTML

<table>
    <tr>
        <td>1</td>
        <td>0</td>
    </tr>
</table>

jQuery

$('td').each(function(){
  if ($(this).text() == '1') { $(this).text('X'); }
  if ($(this).text() == '0') { $(this).text(''); }
});

Answer 2

これは、いくつかvisibilityの で行うことができます。aftercontent

デモhttp://jsfiddle.net/kevinPHPkevin/hJyd8/

td:nth-child(1) {
 visibility: hidden;
}
td:nth-child(1):after {
    content:"2";
    visibility:visible;
}
td:nth-child(2) {
 visibility: hidden;
}
td:nth-child(2):after {
    content:"''";
    visibility:visible;
}

Answer 3

CSSだけを使用して正確な動作が必要な場合は、これを行うことができます

td:first-child:after
{ 
    content:"X";
}
td:first-child + td:after
{ 
    content:"";
}

しかし、これが機能するには、空の列が必要です..

<table>
    <tr>
        <td></td>
        <td></td>
    </tr>
</table>

編集:完成させるために、htmlが質問にあるように単純な場合、上記のアプローチを使用しますが、htmlがより動的で予測不可能な場合は、明らかにjavascript/jQueryアプローチを選択する必要があります.