多CSS3 ::選擇

Question

好吧，我希望能夠在我的網頁上有各種文字的多個背景，如果用戶突出顯示文字，h1應該是不同的顏色，h2應該是不同的顏色等

我的默認::選擇網頁上的所有文本，可以以其他方式不過，我想我的一些話是不同的顏色有不同的背景中選擇

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

： ：選擇

這是我的HTML如下：下面

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

CSS：

.bigblue {color:#69b5e1;} 

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

我怎樣才能得到多CSS3 ::選擇在網頁上？謝謝，我無法弄清楚，並轉而作爲最後的手段。我希望某些標題/文本在選擇時具有不同的背景顏色，但我無法弄清楚這一點。

Answer 1

您需要刪除.bigblueselect和::selection之間的空間，因爲這是一個後代選擇，因此將只適用於後代元素，而不是你的.bigblueselect本身：

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