2。擬似クラスと擬似要素
A。：ホバーの後ろの子孫セレクター
例
| A：ホバースパン{ 色：＃0F0; } |
説明する
要素は、子孫セレクターのように、Hover Pseudoクラスの背後にあるセレクターによって配置できます。上記の例では、マウスがホーバーすると、要素Aのスパン要素のテキストの色が変更されます。
サポート
| IE6いいえ IE7はい IE8はい |
B.チェーン擬似カテゴリ
例
| A：First-Child：Hover { 色：＃0F0; } |
説明する
擬似クラスを連鎖させて、要素の選択を絞り込むことができます。上記の例では、各親要素の下に最初のAタグを見つけ、ホバー擬似クラスPを適用します。
サポート
| IE6いいえ IE7はい IE8はい |
C.非アンカーの要素の中で：ホバー
例
| Div：Hover { 色：＃f00; } |
説明する
The：Hover Pseudoクラスは、Aタグだけでなく、あらゆる要素のホバー状態に適用できます。
サポート
| IE6いいえ IE7はい IE8はい |
D.：初代の擬似クラス
例
| div li：first-child { 背景：青; } |
説明する
擬似修飾クラスは、指定された各要素の親要素の最初の子要素を見つけます。
サポート
| IE6いいえ IE7はい IE8はい |
バグ
IE7では、最初の子どもの要素が以前にHTMLコメントを持っている場合、最初の子供の擬似クラスは無効になります
E.：擬似クラスに焦点を合わせます
例
| A：フォーカス{ 境界線：1px固体赤; } |
説明する
この擬似クラスは、キーボードフォーカスを備えたすべての要素を見つけます。
サポート
| IE6いいえ IE7いいえ IE8はい |
f、：前と：擬似クラスの後
例
| ＃box：before { コンテンツ：「この段落は箱の前にあります」。 } ＃box：後{ コンテンツ：「この段落は箱の後ろにあります」。 } |
説明する
これらの2つの擬似要素は、指定された要素の前後に生成されたコンテンツを追加し、コンテンツ属性と一緒に使用します。
サポート
| IE6いいえ IE7いいえ IE8はい |
3。属性サポート
A.位置で生成される実際のサイズ
例
| ＃箱 { 位置：絶対; 上：0; 右：100px; 左：0; 下：200px; 背景：青; } |
説明する
幅と高さの値を作成する設定はありませんが、上部、右、右、下部、および左の値を完全に配置された要素に定義すると、要素の実際のサイズ（幅と高さ）が得られます。
サポート
| IE6いいえ IE7はい IE8はい |
B.ミンハイトとミニ幅
例
| ＃箱 { Min-Height：500px; 最小幅：300px; } |
説明する
これらの2つのプロパティは、要素の幅と高さの最小値を指定し、指定された最小値よりも大きくなりますが、小さくはありません。それらは一緒にまたは別々に使用できます。
サポート
| IE6いいえ IE7はい IE8はい |
C、最大高さ、最大幅
例
| ＃箱 { Max-Height：500px; 最大幅：300px; } |
説明する
これらの2つのプロパティは、要素の高さと幅の最大値を指定し、指定された最大値よりも小さくなりますが、大きくはありません。また、同時にまたは個別に使用することもできます。
サポート
| IE6いいえ IE7はい IE8はい |