ＣＳＳの関与した表以外の表を作りたい

質問

ホームページ作成初心者です。コンテンツ部分に表（テーブル）を作りました。
ＣＳＳでパディング、マージンだけ指定してます。
ほとんどの表はこれでいいのですが、これとは別に表を作りたいのです。
その場合ＣＳＳが関与してしまいますが関与しないようにするにはどうすればいいのでしょうか？
何種類か作らないといけないので困っています。できれば横に２列（個）、下に３列（個）を
少しだけ間を空けてくっつけたいのですが作りかたが分かりません。画像添付しました。
どなたかご教授ください。

回答No.2

ORUKA1951

チェックしてなかった・・
table{
border-collapse:collapse;
}
table,table td{
border:solid 1px black;
}
table td{
padding: 5px 10px;
}
table+table,table+table td{
border-color:red;
}
table+table+table,table+table+table td{
border-color:green;
}
table+table+table{
border-color:green;
}
table[summary="test1"]{
background-color:yellow;
}
table+table{margin-top:20px;}

です。

HTML4.01、XHTML1.0では、tableのsummaryは必須なので書かれていると思いますが、それを使うのがもっとも楽です。
<table summary="菓子 洋菓子">
<table summary="菓子 和菓子">
<table summary="果物">
と書いてあれば、
table[summary~="果物"]{
font-weight:bold;
}
table[summary~="洋菓子"]{
color:green;
font-size:2em;
}
とも、書けますね。~=はクラスと同じように、属性の値が半角スペースで区切られている場合、そのうちひとつにその値があれば適用されます。

　現実にはtableにclass名をつけたり、tableが存在する場所で指定することが多いでしょう。
div.section table{} 本文中のtable
div.section div.aside table{}補足記事中のtable
とか・・

お礼

ORUKA1951さんは以前も回答を頂いてますが、
貴方の回答がすらすらとわかるようであれば質問しないのでなないでしょうか？
もう少し専門知識があるかた向けの回答かと思います。
失礼ですがベストアンサー率、お礼率も低いようですね。
つまり相手の思うことに回答してないと言うことではないかと思います。
せっかくですが私のスキルでは理解しがたい説明です。
以後、私の回答をしないでください。

補足

失礼しました。画像がＵＰできてませんでした。