CSSテクニックコミュのある部分でだけ、CSS指定を解除したい場合は・・・？

すみません、初歩的な質問かもしれないのでお恥ずかしいのですが、
教えていただければと思います。

テーブルのセル色をすべて白にしたいがために、
安易に(！)CSSファイルに、下記のように指定してしまいました。

---------------記述内容---------------
td {
background-color: #FFFFFF;
}
--------------------------------------

しかしながら、部分的に白色にしたくないtdが数カ所でてきて
しまいました。
そこで質問なのですが、
ある部分でだけ、tdへのCSS指定を解除したい場合は、
いったいどうしたらいいのでしょうか？
そもそも、そんな指定方法はないのでしょうか？

よろしくご教授いただければありがたいです。

コメント(12)

最初
全て
最新の40件

[1] mixiユーザー 12月07日 12:07

別の色にしたいところのtd に　classとかで　別途指定してはどうですか？

td.nanntokakanntoka {
background-color: #FF00FF;
}
<td class="nanntokakanntoka">
みたいなあれで

[2] mixiユーザー 12月07日 12:10

td.odd{
background:#ccc;
}

＜td class="odd"＞------------＜/td＞

みないなのはいかがでしょうか？
テーブルのCSSに関しては以下が参考になります。
http://icant.co.uk/csstablegallery/index.php?css=40

[3] mixiユーザー 12月07日 12:10

あ、被っちゃいましたね…

[4] mixiユーザー 12月07日 12:32

そうそう、昔私もそういうこと思った。
background-color:transparent;
でなんとかならない？

[5] mixiユーザー 12月07日 12:51

多分、cellspacingで枠を作ってるんですよね？

以前は、自分もそうやってcssで調整していたのですが
classが増えたりして管理が大変だったので
今では、直接tdタグにbgcolorで指定しています

[6] mixiユーザー 12月07日 13:02

どういった表を作ろうとしているのか分かりませんが、
みなさんが言われてる通りclassを利用するのがいいかなと思います。
数カ所だけ、ということなので、
--
table
{
background-color: #ffffff;
}

td.irohenkou
{
background-color: #cccccc;
}
--

のように、その特定の箇所だけに色を付けるといいかもしれません。
あとは、tr要素を利用するとか。
行単位で色を変更したい場合なんかはtr要素にclassをつけて
--
tr.gyouirohenkou td
{
background-color: #e0e0e0;
}
--

のように、特定の行のtd要素だけに色をつけることもできます。

[7] mixiユーザー 12月07日 13:02

ヲレさん＞
シガーさん＞
babanさん＞

さっそくありがとうございます。

わたしもclssの別途指定を思いつきました。

が、そうするとなると、結局HTML自体のタグを相当数、
いじらないといけなくなるのが、悲しかったのです。(笑)
というのも、まだまだ、テーブルレイアウトを多く残したサイトの
リニューアルですので、過渡的にCSSの導入を試みてはいますが、
旧ページの静的HTMLと新ページのPHPの中身とが、ここへきて、
いよいよ合わなくなってきたのです・・・。

なにか、一行、ピンポイントで、記述すれば、
「指定ページのTDタグにおけるCSSファイルからの指定は一切解除する」的な指定はないのかなと・・・。

そんな、魔法みたいの、あるわけないでしょって？

[8] mixiユーザー 12月07日 13:13

TDタグからすべてCSSを排除できればいいんですか？
だとしたら、
--
table.nocss td
{
backrgound-color: #transparetn;
}
--
とかにしたらそのclassを指定したtd要素だけ背景が透明になりますよ。
言ってることちょっと違うかな？(;´д｀)

[9] mixiユーザー 12月07日 13:22

ページ全部無効にすればいいのなら、bodyタグにでも新しいクラスを指定するのが楽では。

[10] mixiユーザー 12月07日 13:22

んと、今いち何がやりたいのかわからないのですが、
ページ毎にcssを切り替えたければ、ページ毎のcssファイルを用意するか、bodyにid振るかするのはどうですかね？

例えば

<body id="new">
...
</body>

#new td{
background:#ccc;
}

指定テーブルのtdを変えたければえどさんのやり方な感じで、
一つのtdだけ変えたければ、先に上げた方法でいけると思うのですが。

[11] mixiユーザー 12月07日 15:48

ページ単位で制御したいってことですよね？
だったら単純に該当ページはCSSを読み込まなければいいのでは？？
共通部分などで必要なスタイルがあるのならＣＳＳファイルを複数用意し、
ページによって必要なものだけを組み合わせて読み込むようにするとか。
ソース（body内）いじんなくていいし、まさに一行、ピンポイントで変えるだけです。

伝わりますかね。

ページA
　└・共通スタイル.css

ページB
　└・共通スタイル.css

ページC
　├・共通スタイル.css
　└・ＴＤスタイル.css

この場合ページCのみＴＤスタイルが適用されます。（当然ですが。）
最初にがんばって全ページこの構成にしておけば応用もききますし
今後の管理も楽になるかも。

ちなみにこの組み合わせを記述するだけ専用のファイルを
間に１枚カマセてやると更に管理し易く、
旧ブラウザ対策にもなってイイカンジなんですが
本題とそれてしまうのでひとまずこの辺で。

ｶﾞﾝﾊﾞｯﾃｸﾀﾞｻｲ。

[12] mixiユーザー 12月07日 18:46

みなさま＞

どうもありがとうございます。

悩んだ末、結局、
PHPページ部分と静的HTML部分で違うCSSファイルをそれぞれ参照する、
2頭立てで解決することにいたしました。

いろいろ試してみました。
idつけて、transparentにしてしまう、というアイデアに感動し、
まっさきに飛びつきましたが、うまくいきませんでした。(笑)

というのも、CSSでtdのbackground-colorを#FFFFFFにしているところを、
さらにCSSのid指定でtransparentにしても、
元からそこに設定されていた、<td bgcolor="#996666">という、
tdタグの属性で設定された背景色は生きてはくれなかったのです。
すべて色がつかず、抜けてしまいました。

質問の際の説明不足でした、スミマセン。

transparentではなく、本当の意味での"なし"にしないと、
単純なTDタグでの属性設定は効かないのでしょうね。

いろいろアイデアをいただきありがとうございました。
発想の転換がいもづる式にぞろぞろ出てくる様が
おもしろかったです。

ログインすると、みんなのコメントがもっと見れるよ