CSS

CSSにおけるセレクタの固有性(詳細度)の計算式

CSS

固有性(specificity)の計算式 CSS3 ではセレクタの下記手順で固有性(specificity)を求めます(CSS2では否定セレクタが存在しないだけで計算式は同様)。 ID属性の数を a とする) 他の属性セレクタ、擬似クラスの数を b とする タイプセレクタ(要素)の数を c と…

CSS の簡略記述特性は指定しなかった特性を初期値で上書きする

CSS

簡略記述特性とは 複数の特性を一度に指定できるプロパティの性質を「簡易記述特性」と呼びます。 body { font: normal normal normal medium normal serif; /* font-style, font-variant, font-weight, font-size, line-height, font-family */ } p { borde…

Google Chrome 8 では :selection { opacity: 1; } が無効となる

(本文 推敲中) 検証 Google Chrome 8 ではデフォルトで選択範囲が透過されるデザインになっています。そこで opacity: 1; を指定して完全不透過の状態にしようとしました。 ::selection { color: black; background-color: white; opacity: 1; } このスタイ…

::-moz-selection, ::selection { } と宣言すると Google Chrome, Opera で宣言ブロックごと無視される

CSS

検証 CSS3 には ::selection という疑似要素があります。Firefox v3.6.13 では ::-moz-selection と書かなければ動作しないので、以下のように書いてみました。(サンプルページは ::selection Sample) ::-moz-selection, ::selection { color: black; backgr…