[分享]css3文字选择期

CSS3中有一种很常用的样式选择器，就是文字选择器。它能够针对文本的不同状态进行样式设置，让文本有更好的可读性和视觉效果。/ 选中文本 / ::selection { color: fff; back...

CSS3中有一种很常用的样式选择器，就是文字选择器。它能够针对文本的不同状态进行样式设置，让文本有更好的可读性和视觉效果。

/* 选中文本 */
::selection {
    color: #fff;
    background-color: #333;
}

/* 鼠标悬停在选中文本上 */
::selection {
    color: #fff;
    background-color: #333;
}

/* 无法被选中文本 */
::selection {
    color: #999;
    background-color: transparent;
}

/* 网页中的链接 */
a {
    color: #369;
}

/* 鼠标悬停在链接上 */
a:hover {
    text-decoration: underline;
}

/* 访问过的链接 */
a:visited {
    color: #999;
}

/* 被点击的链接 */
a:active {
    color: #fff;
    background-color: #369;
    text-decoration: none;
} 

以上是一些常用的文字选择器样式，具体情况还需要根据实际需求进行调整。值得注意的是，不同浏览器对文字选择器的支持程度不同，建议在使用前进行测试和兼容处理。