//ul的class名
.book{
  list-style-type:none;
  font-weight:bold;
  color:red;
  cursor: pointer;
}
.book:hover {
  background:#dbdbdb;//鼠标悬停时出现一横条背景色
  color:black;//鼠标悬停或者划过时字变成黑色
}
.a{
  cursor: pointer;//悬停时，鼠标变成小手
  color:hsl(256, 85%, 42%);
  text-decoration: none ;
  font-size: 24px;
}
//a标签的四个事件，分别是link(未访问的链接)、visit(已访问的链接)、hover(鼠标移到链接上)、active(选定的链接)
//honver要放在link和visit之后，
//active要放在honver后面
.a:hover {
  background:#dbdbdb;
  color:black;
}
.a:active { 
  color: #F0F; //a标签点击后改变原有颜色
}

不是很全，后期遇到或者需要，会另外加上