CSS3 Pre-Reference



主体

適用対象の要素を指定

試す

コード

$ol < li:only-child { border: 1px solid blue }

サンプル

ol全体が青のボーダーで囲まれていれば対応しています。

  1. これはol要素のテストです。

コメントする


対応ブラウザ

Firefox
Chrome/Safari
Opera
InternetExplorer

パラメータ

レベル 4
参考文献 Selectors Level 4#3.2. Determining the Subject of a Selector

解説

スタイルシートを適用する対象の要素を指定します。

ol > li:only-child { color: blue }
$ul > li:only-child { color: yellow }

1つ目のルールは、何も指定されていないので、最後の単純セレクタliの色を青にします。
2つ目のルールは、主体が「ul」と指定されているので、liを唯一の子に持つul要素の色を黄色にします。

主体が最後の単純セレクターではない場合、擬似要素は指定できません。

トラックバック

投稿されたコメント