在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;
}