css 多次点击选中文字

CSS多次点击选中文字的文章

/* 实现多次点击选中文字 *//* 首先定义一个新的CSS伪类 */::selection {
        /* 定义选中文字的颜色 */    color: #fff;
        /* 定义选中文字的背景颜色 */    background-color: #000;
}
/* 第一次点击选中全部文字 *//* 注意这里设置的是全局样式，会影响到所有元素 */::selection {
        /* 定义选中文字的颜色 */    color: #fff;
        /* 定义选中文字的背景颜色 */    background-color: #000;
}
/* 第二次点击选中单个单词 *//* 这里需要给单词元素绑定CSS伪类 */p::selection {
        /* 定义选中文字的颜色 */    color: #fff;
        /* 定义选中文字的背景颜色 */    background-color: #000;
}
/* 第三次点击选中单个字符 *//* 同样需要给字符元素绑定CSS伪类 */p span::selection {
        /* 定义选中文字的颜色 */    color: #fff;
        /* 定义选中文字的背景颜色 */    background-color: #000;
}
    /* 示例文本 */p>
    这是一段需要被选中的文本span>
    ，其中还包括单个span>
    单词/span>
    、span>
    字符/span>
    等元素/span>
    /p>
    

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！