CSS3中的Selection（選中狀態(tài)）可以幫助我們更好地控制文本的選中狀態(tài)樣式，給網(wǎng)站增添更多的動(dòng)態(tài)效果，下面我們就來(lái)了解一下相關(guān)知識(shí)。

/* 設(shè)置選中文本的背景色為黃色 */
::selection {
background-color: yellow;
}
/* 設(shè)置選中文本的前景色為藍(lán)色 */
::-moz-selection {
color: blue;
background-color: transparent;
}

上述代碼中，我們利用::selection偽元素和::-moz-selection偽元素分別控制了瀏覽器的選中狀態(tài)。然而，寫(xiě)好這個(gè)樣式無(wú)法在IE和Opera等瀏覽器中生效，這時(shí)候我們需要加上-webkit-等前綴：

/* 設(shè)置選中文本的背景色為黃色 */
::selection {
background-color: yellow;
}
/* 設(shè)置選中文本的前景色為藍(lán)色 */
::-moz-selection {
color: blue;
background-color: transparent;
}
/* 為了更好地兼容，還需要加上其他前綴 */
::-webkit-selection {
color: blue;
background-color: transparent;
}
::-ms-selection {
color: blue;
background-color: transparent;
}
::selection {
color: blue;
background-color: transparent;
}

最后，值得注意的是，Selection的樣式只在文本選中狀態(tài)下才會(huì)展現(xiàn)，不選中時(shí)不會(huì)有任何效果。