写hover遇到的坑

1.在hover前使用了中文冒号

错误的，中文的：

.head：hover{
   background:black
}

正确的，英文的：

.head:hover{
   background:black
}

2.在hover前加空格

错误的，带空格：

.head :hover{
   background:black
}

正确的，无空格：

.head:hover{
   background:black
}

3.子代元素使用hover方法

html：

<ul>
  <li class="head"><div></div></li>
</ul>

css：

.head:hover div{
   background:black
}

4.兄弟元素使用hover方法

html：

<ul>
  <li class="head"><div></div></li>
  <li class="banner"><div></div></li>
</ul>

css：

.head:hover +.banner{
   background:black
}