CSS中关于li的一个复合问题

如何实现li中圆点和内容不同颜色，但在光标移上去都变红，同时li中内容在强制一行输出超出盒子大小显示省略号的代码会使li中小圆点消失，请问这两点同时要怎么解决？

用 li:hover
和 .li:nth-child来写。

加个最大宽度