選択された要素にスタイルを適用する

疑似要素　selection

要素名: selection 【 セレクション 】 {～}

閲覧者が選択した要素にスタイルを適用します。指定できるプロパティは、color、background、background-color、text-shadowプロパティのみです。仕組みの詳細が決まらないため、2015年1月時点のCSS3の仕様からは削除されているセレクタですが、多くのブラウザーでは実装されています。ただし、Firefoxで適用したいときは接頭辞に-moz-を記述します。

セレクタの使用例

以下の例では、閲覧者がマウスでドラッグするなどして選択した文字にスタイルが適用され、文字色が黒、背景色が赤で表示されます。

p:selection{
   background:#f00;
   color:#fff;
}