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

Html 使用CSS格式化表格中的文本,html,css,html-table,Html,Css,Html Table,我需要一些基本的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

我需要一些基本的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>

xxxxx

XXXXXXX

xxxxx

XXXXXXX

xxxxx

XXXXXXX

xxxxx

XXXXXXX

xxxxx

XXXXXXX

xxxxx

XXXXXXX

xxxxx

XXXXXXX

xxxxx

XXXXXXX

我让文本不进入浏览器默认设置的唯一方法是在每个单元格上显式地声明它,这似乎是在浪费加载时间(尽管它很小)。有没有办法为整个表格设置文本的大小?大小都一样

我试着将表放在一个
中,然后使用CSS类对其进行样式化,但它不起作用。不确定这是否重要,但我正在使用XHTML 1.0。

您是否尝试过:

td { font-size: 13px }

然后使用:

class="myfontsize" 

应用于您的td标签?

我会将该类添加到表中:

<table class='myFormat'><tr>....</tr></table>
你能告诉我这是什么浏览器吗?

更改为
。这将更改表中的所有文本


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

这对您有帮助吗
td,td a{font size:13px;}
这样的样式应该继承,因此您应该能够在表标记中放置一个样式属性。“你是说那没用吗?”李斯特先生,那没用。如果您使用类似于:td{font-size:13px}的东西,将对任何表中的所有单元格应用一种覆盖样式,那么它现在就可以正常工作了。但是,请确保这是你想要的页面。这对我不起作用。我希望样式也适用于标题,所以在上面的示例中,我在“tr”和“td”旁边添加了“th”——这完全是出于某种原因而打破了样式,所以我最后做的是在CSS中添加以下内容:.myFormat{font size:13px;},它可以将字体大小应用于任何设置了“class=”myFormat“的表中的所有内容。不仅是表数据,还有标题。
<table class='myFormat'><tr>....</tr></table>
table.myFormat tr td { font-size: 13px; }