鼠标悬浮文字变色-文字溢出隐藏省略号不变色问题解决

问题现象 ~ 设置了 <li> 的 文字超出隐藏（文字超出时，超出的文字隐藏，文字结尾省略号表示），鼠标悬浮时，文字会变色，但是省略号不会变色

解决方法 ~ 想要 省略号也变色，
① 需要将 <a> 设置成块元素- - -display: block;
② 然后给 <a> 设置 文字超出隐藏

文字超出隐藏：
单行：

.ellipsis {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}