人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

CSSについて質問です。

<div id='head' class='pic1'>
というタグがあるとします。

このタグをCSS上で選択する際にセレクタとして'div#head.pic1'という記述を使用しました。(他のページで'div#head.picX'と続けて使用していくため)
ところが、IE6ですとこのセレクタが利かないのです(FF,IE7はOK)
現時点ではちょっと気持ち悪いですが、単に'.pic1'と記述することで回避している状況です。

これって、バグなのでしょうか?
それとも、正しいセレクタの使用方法があるのでしょうか?

詳しい方、どなたかご教授いただけますと助かります。

●質問者: satoshionoda
●カテゴリ:インターネット ウェブ制作
✍キーワード:CSS D.P ff IE6 IE7
○ 状態 :終了
└ 回答数 : 3/3件

▽最新の回答へ

1 ● hatebu_music
●27ポイント

div#head.picX を div#head .picX のように半角で離して書いてみてもダメですか?

↓このバグかもしれない。

http://cssbug.at.infoseek.co.jp/detail/winie/b055.html

◎質問者からの返答

ダメでした(涙)

ただ、このバグの存在そのものを知らなかったので勉強になりました。

ありがとうございます。


2 ● あひる
●27ポイント

IE6が最新のCSSに対応していないからだと重いマウス。

◎質問者からの返答

とどのつまり、そういうことなんですかねぇ…。

ちなみに、なぜかIE5.5では表示してくれます。


3 ● ftns
●26ポイント

CSS3では、<要素名>#<ID>.<クラス名>というセレクタは定義されていませんので、

IE6では動作しないのだと思われます。なお将来のCSSでこの形が定義されるか

どうかまではわかりません。。

http://www.w3.org/TR/css3-selectors/#id-selectors

◎質問者からの返答

いただいた、URLの

4. Selector syntaxで

A selector is a chain of one or more sequences of simple selectors separated by combinators.

A sequence of simple selectors is a chain of simple selectors that are not separated by a combinator.

とありますので、セレクタは繋げてしまって問題ないのではないでしょうか?

ちなみに、当該のコード一式はW3CのValidatorにも通りました。

関連質問


●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ