今天完成的事情：1.重新写法官日志页的样式；

                                    2.重新思考游戏的流程；

                                    3.更改数据传输数据。

明天计划的事情：1.完成小课堂；

2.

遇到的问题：1.如何处理法官日志的太阳月亮的样式；

在这里要使用伪类元素选择器，先把下面的连接线画好，代码如下：

.stage:after {
  position: absolute;
  top: 0;
  left: 10%;
  content: '';
  width: 2px;
  height: 100%;
  background-color: #999;
  z-index: 1;
}

要注意叠加的次序

.item:nth-child(1):before, .item:nth-child(3):before {
  position: absolute;
  left: -12.7%;
  top: 50%;
  display: block;
  content: '';
  width: 30px;
  height: 30px;
  border-radius: 50%;
  border: 2px solid #999;
  transform: translateX(-50%) translateY(-50%);
  z-index: 2;
}

.item:nth-child(1):before {
  background: url(../images/moon.png) no-repeat;
  background-size: 100%;
}

.item:nth-child(3):before {
  background: url(../images/sun.png) no-repeat;
  background-size: 100%;
}

太阳和月亮的图片使用了border-radius: 50%;把原来方形的图片变成圆形；

收获：1.在狼人杀中狼人可以在夜间选择杀人，也可以不杀人，也可以自刀，这样在游戏中保存杀人的变量的投票的变量就要分开了；