Форматирование текста в таблице с помощью 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>

Единственный способ, которым текст не пошелпо умолчанию браузер должен был явно указывать его в каждой отдельной ячейке, что кажется пустой тратой времени на загрузку (как бы незначительной она ни была).Есть ли способ установить размер текста для всей таблицы?Это все один и тот же размер.

Я пытался поместить таблицу в <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" 

, примененным к вашим тэгам?

Answer 3

Измените <table> на <table style="font-size: 13px;">.Это должно изменить весь текст внутри таблицы.

В противном случае вы можете просто добавить к нему класс или идентификатор и использовать его для стилизации строк, как сказано в @ user1086498.