OperaのCSS不具合

複数セレクタと擬似クラス

どうやら複数セレクタにbefore, after擬似クラスが含まれている場合宣言がまるごと無視されるようだ。

無視される例

• h2:before, h3:before{ content:"*" }
  

• h1:before, em{ color:red }
  

適用される例

• h2:before{ content:"*" }
  h3:before{ content:"*" }
  

• h1:before{ color:red }
  em{ color:red }
  

別々に指定する。

他、属性セレクタでも似たようなことが起こる。

Diary : 2001/11 - Ancient libraryなどをみて、調子に乗ってtitle属性を持つdfn, abbr & acronymのafter擬似クラスに色々指定して悦に入っていたら、結果的に記述量が3倍にになってしまって凹む。冗長なので*[title]:after{ .. }とやってみたが、これもどうだろう。

white-space:pre未対応

white-space:preが効かない。今度もう少し詳しく調べることに。

不具合にあらず

legend要素が、fieldsetブロック内にすっぽり入ってしまうOpera。legend{ line-height:0 }としたら、IEやMozillaとほぼ同じ位置になった。