- 締切済み
特定の<input >タグ及び<label>タグの部分をCSSで非表示にしたい。
下記コードの<input >タグ及び<label>タグの部分をCSSで非表示にしたいのですが、 <div class="image-size-item"> <input id="image-size-thumbnail-142" type="radio" value="thumbnail" name="attachments[142][image-size]"/> <label for="image-size-thumbnail-142">サムネイル</label> <label class="help" for="image-size-thumbnail-142">(96 × 96)</label> </div> 問題はimage-size-thumbnail-142の最後の番号及び桁数が出力ごとに変化します（例：image-size-thumbnail-154、image-size-thumbnail-2223等）。このような場合、CSSはどのように記述すればよいのでしょうか？ CSSは、システムの関係上、同ページのヘッダー内に記述する必要があり、タグ内に直接記述することはできません。 以下のようなCSSコードを<head>内に記述しましたが、 <style type="text/css"> [id~="image-size-thumbnail"] { display: none; } [for~="image-size-thumbnail"] { display: none; } </style> 上記コードの<input >タグ及び<label>タグの部分を非表示にすることができません。どこが間違っているかご指摘いただけると幸いです。また、もっと良い方法があれば、教えてください。 なお、同ページには他の部分において<input >タグ及び<label>タグが使用されている箇所が複数ありますので、<input >タグ及び<label>タグ部分を全て表示にするというCSSの記述は使用できません。 参考サイト等ありましたら、教えて下さい。 よろしくお願いします。
- みんなの回答 （3）
- 専門家の回答
みんなの回答
HTMLでのidやclassでCSSでdisplay: none;が適応が基本ですが、HTMLが編集出来ないのなら現状では無理なのでは？
- yyr446
- ベストアンサー率65% (870/1330)
これって、非表示にしたいところに別途classを譜って、そのクラスの CSS定義で{ display: none; }にするだけじゃだめなの？
補足
yyr446さん >これって、非表示にしたいところに別途classを譜って、そのクラスの >CSS定義で{ display: none; }にするだけじゃだめなの？ HTML側のコードに手をつける（別途classを譜う）ことは、今回の場合、できない状態です。こちらで手をつけれるのは、<head>内のCSSの記述のみです。
- himajin100000
- ベストアンサー率54% (1660/3060)
未検証だけど、一回各セレクタの説明文を読んでみることを勧める。 http://www.w3.org/TR/css3-selectors/#attribute-selectors #意識してその属性セレクタを使うってことはIE6は無視ってことでいいんだよね？うれしいことに。(その場合は文書読み込んで、あらかじめどんな値があるか全てリストアップしてCSSを生成するとかしかないだろう) http://msdn.microsoft.com/en-us/library/cc351024%28VS.85%29.aspx
お礼
himajin100000さん ご回答、ありがとうございました。 参考にさせていただきます。 >IE6は無視ってことでいいんだよね？ 無視するしかないと勝手に思い込んでいますが、無視する必要がない方法などあるのでしょうか？ ちなみに、ページのDOCTYPE宣言は以下でした： <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 属性セレクタは、標準モードでないと有効ではないそうなので。 しかし、まだ表示にできません。
補足
himajin100000さん ご回答、ありがとうございました。 >未検証だけど、一回各セレクタの説明文を読んでみることを勧める。 >http://www.w3.org/TR/css3-selectors/#attribute-selectors 上記のサイトの日本語版のようなサイトを既に読んでおります。 http://hp.vector.co.jp/authors/VA022006/css/selector.html
お礼
aidesさん ご回答、ありがとうございました。 参考にさせていただきます。