html - HTMLテーブルでのスタイリング

Question

私は自分の特定のスタイルに次のスタイルを適用したいのですが、tdなぜそれができないのかわかりません

/*Style*/
font: 100%/1.4 "Alvi Nastaleeq", Verdana, Arial, Helvetica, sans-serif; color: black;

<td colspan="2" class="centerAlign border">ABC</td>

親切にそうするのを手伝ってください。前もって感謝します。

編集：クラスcenterAlign borderは他のすべてのクラスですtdが、このセルに特別なスタイルを適用したいと思います。

Answer 1

これがあなたのtd要素のために作成された新しいスタイルです

<style type="text/css">

.style1
{
font-size:100%;
font-family: "Alvi Nastaleeq", Verdana, Arial, Helvetica, sans-serif;
color: #00000;
}
</style>

それを使用するには、tdをそのまま変更するだけです

<td colspan="2" class="centerAlign border style1">ABC</td>

Answer 2

フォントサイズに100％/1.4を使用することはできません。とにかく、スタイルを別のクラスでラップして、要素に適用します。

 .font-style {
      font-family: "Alvi Nastaleeq", Verdana, Arial, Helvetica, sans-serif;         
      color: black;
      font-size: 13px;
 }

HTML：

 <td colspan="2" class="centerAlign border font-style">ABC</td>

Answer 3

Css

.centerAlign.border{
font: 100%/1.4 "Alvi Nastaleeq", Verdana, Arial, Helvetica, sans-serif; color: black;
}

HTML

<table>
    <tr>


<td colspan="2" class="centerAlign border">ABC</td>

    </tr>
</table>

ライブデモhttp://jsfiddle.net/mWRMS/1/

Answer 4

HTML

<table>
    <tr>
<td colspan="2" class="font">ABC</td>
    </tr>
</table>

Css

.font{

font-family:"Alvi Nastaleeq", Verdana, Arial, Helvetica, sans-serif; 
color: #000000;
font-size:13px;
}