すべてのテーブルの文字のサイズは設定したくない

質問

table {
font-size: 2em;　　　　←tableタグに指定
}

これで、ページ内のすべてのテーブルの中の文字のサイズが統一されますが、

ある複数のテーブルは、 font-size: 2em;　　ではないサイズで表示させたい場合、
スタイルシートはどのように宣言すればいいのでしょうか？

table {
に名前を付けて宣言する方法と、
実際ＨＴＭＬでテーブルを書く時の文法を教えてください。

回答No.2

Ogre7077

<style>
table { font-size: 2em; }
table#ある特定のテーブル { font-size: 1.5em; }
table.ある複数のテーブル { font-size: 1em; }
*.ある複数のテーブルを囲む要素 table { font-size: 0.5em; }
</style>

<table> (2em) </table>
<table id=ある特定のテーブル> (1.5em) </table>
<table class=ある複数のテーブル> (1em) </table>
<table class=ある複数のテーブル> (1em) </table>
<section class=ある複数のテーブルを囲む要素>
_ <table> (0.5em) </table>
_ <table> (0.5em) </table>
</section>

回答No.1

ORUKA1951

御存知の様にTABLE要素( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/struct/tables.html#h-11.2.1 )にはsummary属性が必須ですから、それを使うのが最も簡単でしょう。
<table summary="都道府県別人工" border="1">
　<tbody>
　　<tr>・・

table[summary="都道府県別人工"]{color:blue;font-size:2em;}

本文と関係ない(aside)記事内のtableでしたら
<div class="section"><!-- classは文書構造を示す物 -->
・・・・・・・
・・・・・・・
　<div class="aside">
　　<table summary="calendar" border="1">
　　　<tbody>

div.aside table{font-size:0.5em;}

[HTML5だと]
<section>
・・・・・・・
・・・・・・・
　<aside>
　　<table>
　　　<tbody>

aside table{font-size:0.5em;}

そのtableの文書内の立場--文書構造にに従ってセレクタを記述してスタイルを適用したいtableを指定すれば良いです。
<div class="section">
　・・・
　<table></table>
　<table></table>
　<table></table>
で、
　div.section table{font-size:2em;}
　div.section table+table{font-size:0.5em;}
　div.section table+table+table{font-size:3em;}
だとtableにすぐ続く続くtableは小さな文字だし、それに続けばでっかい文字

CSSとはカスケーディングスタイルシートの略です。カスケーディングとは、このようにカスケードしていく仕組みですから、それを知らないでプロパティだけ覚えても使えない
5 セレクタ( http://momdo.s35.xrea.com/web-html-test/spec/CSS21/selector.html )
6 プロパティ値とカスケーディング、継承の割り当て( http://momdo.s35.xrea.com/web-html-test/spec/CSS21/cascade.html )

　あなたのHTMLがどのような文書構造であるかがわかりませんので、具体的な方法は示すことができませんが、上記の二つはスタイルシートを使うために何よりも必須な知識です。

★なお、tableは文書の整形に使用してはなりません。
単に文書内容を整形する目的だけで表を用いるべきでない。( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/struct/tables.html#h-11.1 )