<div id='head' class='pic1'>
というタグがあるとします。
このタグをCSS上で選択する際にセレクタとして'div#head.pic1'という記述を使用しました。(他のページで'div#head.picX'と続けて使用していくため)
ところが、IE6ですとこのセレクタが利かないのです(FF,IE7はOK)
現時点ではちょっと気持ち悪いですが、単に'.pic1'と記述することで回避している状況です。
これって、バグなのでしょうか?
それとも、正しいセレクタの使用方法があるのでしょうか?
詳しい方、どなたかご教授いただけますと助かります。
div#head.picX を div#head .picX のように半角で離して書いてみてもダメですか?
↓このバグかもしれない。
CSS3では、<要素名>#<ID>.<クラス名>というセレクタは定義されていませんので、
IE6では動作しないのだと思われます。なお将来のCSSでこの形が定義されるか
どうかまではわかりません。。
いただいた、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にも通りました。
ダメでした(涙)
ただ、このバグの存在そのものを知らなかったので勉強になりました。
ありがとうございます。