pc端小tips

清除浮动

.clearfix:after {
content: "";
clear: both;
display: block;
height: 0;
}

只有兄弟元素才可以使用 nth-of-type,list-item是兄弟，而下面的p是堂兄弟

      .list-item {
 				&:nth-of-type(2n) p {
                    background-color: #F89D84;
                }

                &:nth-of-type(2n+1) p {
                    background-color: #F197F1;
                }
         }

hover事件

							.dian {
  								 &:hover .hide-box {
                                        display: block;
                                    }
                              }

离开三个点，下面盒子消失，无法进入下面盒子，是因为两个盒子是分离的，只有相连才能不消失

解决方法：可以增大三个点盒子的高度，使之相连