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