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>

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

我尝试将表放在<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 }

OR

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

然后使用：

class="myfontsize"

是否适用于您的td标签？

Answer 3

将<table>更改为<table style="font-size: 13px;">。这应该改变表格内的所有文本。

否则，您只需添加一个类或ID，并使用它来设置@ user1086498所说的行的样式。

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

3 个答案: