使用CSS格式化表格中的文本

Question

我需要一些基本的CSS帮助.我尝试使用css样式表来设置表格的单元格,但它不起作用

该表的代码是:

<table> 
<tr><td><p style="font-size:13px"><a href="mailto:XXX@XXX.XXX">XXX&nbsp;&nbsp;&nbsp;</a></p></td><td><p style="font-size:13px">XXXX&nbsp;&nbsp;&nbsp;</p></td><td><p style="font-size:13px">XXXXXXX   </p></td></tr> 
   <tr><td><p style="font-size:13px"><a href="mailto:XXX@XXX.XXX">XXX&nbsp;&nbsp;&nbsp;</a></p></td><td><p style="font-size:13px">XXXX&nbsp;&nbsp;&nbsp;</p></td><td><p style="font-size:13px">XXXXXXX   </p></td></tr> 
    <tr><td><p style="font-size:13px"><a href="mailto:XXX@XXX.XXX">XXX&nbsp;&nbsp;&nbsp;</a></p></td><td><p style="font-size:13px">XXXX&nbsp;&nbsp;&nbsp;</p></td><td><p style="font-size:13px">XXXXXXX   </p></td></tr> 
     <tr><td><p style="font-size:13px"><a href="mailto:XXX@XXX.XXX">XXX&nbsp;&nbsp;&nbsp;</a></p></td><td><p style="font-size:13px">XXXX&nbsp;&nbsp;&nbsp;</p></td><td><p style="font-size:13px">XXXXXXX   </p></td></tr> 
      <tr><td><p style="font-size:13px"><a href="mailto:XXX@XXX.XXX">XXX&nbsp;&nbsp;&nbsp;</a></p></td><td><p style="font-size:13px">XXXX&nbsp;&nbsp;&nbsp;</p></td><td><p style="font-size:13px">XXXXXXX   </p></td></tr> 
       <tr><td><p style="font-size:13px"><a href="mailto:XXX@XXX.XXX">XXX&nbsp;&nbsp;&nbsp;</a></p></td><td><p style="font-size:13px">XXXX&nbsp;&nbsp;&nbsp;</p></td><td><p style="font-size:13px">XXXXXXX   </p></td></tr> 
        <tr><td><p style="font-size:13px"><a href="mailto:XXX@XXX.XXX">XXX&nbsp;&nbsp;&nbsp;</a></p></td><td><p style="font-size:13px">XXXX&nbsp;&nbsp;&nbsp;</p></td><td><p style="font-size:13px">XXXXXXX   </p></td></tr> 
         <tr><td><p style="font-size:13px"><a href="mailto:XXX@XXX.XXX">XXX&nbsp;&nbsp;&nbsp;</a></p></td><td><p style="font-size:13px">XXXX&nbsp;&nbsp;&nbsp;</p></td><td><p style="font-size:13px">XXXXXXX   </p></td></tr> 
                  </table>

我得到文本没有进入浏览器默认值的唯一方法是在每个单元格上明确说明它,这似乎浪费了加载时间(尽可能微不足道).有没有办法设置整个表的文本大小？它的大小都一样.

我尝试将表放在a中<p>,然后使用CSS类对其进行样式设置,但它无效.不确定是否重要,但我使用的是XHTML 1.0.

Answer 1

我会把这个类添加到表中:

<table class='myFormat'><tr>....</tr></table>

然后:

table.myFormat tr td { font-size: 13px; }

你能告诉我这是什么浏览器吗？

Answer 2

你有没有尝试过：

td { font-size: 13px }

或者

td.myfontsize { font-size: 13px ; }

然后使用：

class="myfontsize" 

应用于您的 td 标签？