css - 複数のCSS3::選択

Question

さて、ユーザーがテキストをハイライトした場合、h1は別の色、h2は別の色など、ページ上のさまざまなテキストに複数の背景を設定できるようにしたいです。

私のデフォルト::他の方法で選択できるページ上のすべてのテキストの選択

::-moz-selection { background:#fff; color:#fff; }
::selection { background:#fff; color:#fff; }

ただし、色が異なる単語の背景を変えたい:: selection

これは以下の私のhtmlです：

<span class="bigblue bigblueselect">Snoop Lion</span>

以下のCSS：

   .bigblue {color:#69b5e1;} 

    .bigblueselect ::-moz-selection { background:pink; }
    .bigblueselect ::selection { background:pink; }

1つのページに複数のCSS3::selectionを取得するにはどうすればよいですか？おかげで、私はそれを理解することができず、最後の手段としてここに向けています。特定の見出し/テキストを選択したときに背景色を変えたいのですが、これを完全に理解することはできません。