CSS/Javascript HTML4

2013年6月21日 at 5:24 PM

特定の表要素だけにCSSスタルシートを適用したい

2010/12/28 教えて!goo cssで一個のテーブルだけにデザインを反映したい

 

Q.cssの編集で、テーブルすべてに反映されてしまって困っています。

 
A.htmlのclassに対応するのは、cssでは「.」ピリオドです。ですからclass=”post”のついたテーブルは
table.post{}
と指定し、class=”post”の子要素の指定であるtdやthは「の中の」という意味で半角スペースを.postにつけ
.post th{}
.post td{}
と指定します。つまり、

 



HTML側

—–
<table class=”post” width=”400″ border=”0″ cellspacing=”1″>
・・・略・・・
</table>
—–

 

CSS側

/*—————————
▼テーブル
————————– */
table.post { background-color:#000033;}
.post th { background-color:#005890;
color:#ffffff;
}
.post td { background-color:#ffffff;
color:#333333;
}
/*—————————
▲テーブル
————————– */
となります。

—-

 

Leave a Reply

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

*

次のHTML タグと属性が使えます: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>



こちらの関連記事もオススメ!