<style>で<img>以外を非表示にするには？

apo [E-Mail] [HomePage] 1999/04/05(月) 17:43:10
初めまして。apoと申します。
スタイルシートについてアドバイスいただけないでしょうか。
私がやりたいことは、<center>タグ内の<img>以外を非表示にしたいことです。

とほほさんのページのスタイルファイルの解説は全て読ませていただきました。
また、解説になくてもできそうなことはいろいろ試してみました。
例えば、
<style>
center img{display:none}
</style>
などとやると<center>タグ内の<img>が非表示になることは分かったのですが、
その逆がどうしてもできません。
<style>
center{display:none}
center img{display:block!important}
</style>
などとやってもダメでした。

こんな質問をして、一体何がしたいのか疑問をもたれると思いますが、
実は、無料のレンタル掲示板を使用しているのですが、
ホームページへ戻るリンクなどの見ばえが悪いのです。
カスタマイズできるのはタイトルと背景くらいなのですが、
タイトルのところにHTMLタグやJavaScriptを書けば有効になるようなのです。

そこで、<style>タグで一旦非表示にしておいて、
自分の好きなようにリンクを再配置したいと思っているのです。
幸い、非表示にしたいものは全て<center>になっていますし。
ところが、レンタル主の広告も<center>に配置されているため、
単に
<style>
center{display:none}
</style>
と書くと、それも非表示になってしまいます。
広告収入で成り立っている無料掲示板の広告を非表示にするのは、
ちょっとまずいので、<center>内でも<img>だけは残しておきたいのです。

なお、問題の掲示板のありかは、
http://tokyo.cool.ne.jp/bbs/apo/
ですが、現在いろいろ実験中のため変な表示になってるかもしれません。

また本題と関係ありませんが、<style>って<body>内にも書けてしまうんですね。
<head>内をカスタマイズする手段がなかったので、書いてみたら効きました。
確認したのはIE4とネスケ4.5だけですが。

以上よろしくお願いします。

[上に] [前に] [次に]