css - 多个 CSS3 ::selection

Question

好的，我希望能够在我的页面上为各种文本设置多个背景，例如，如果用户突出显示文本，h1 应该是不同的颜色，h2 应该是不同的颜色，等等。

我对页面上所有文本的默认::selection可以以其他方式选择

::-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; }

如何在一个页面上获得多个 CSS3 ::selection？谢谢，我想不通，我把这里作为最后的手段。我希望某些标题/文本在选择时具有不同的背景颜色，但我不太明白这一点。

Answer 1

您需要删除 and 之间的空格.bigblueselect，::selection因为这是一个后代选择器，因此它只适用于后代元素而不是您.bigblueselect自己：

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