如果我将鼠标悬停在DIV光标上，如何使其改变背景颜色?

Question

我有这样的HTML代码:

<div class="authTabs">
   <div class="h2">Login</div>
   <div class="h2">Register</div>
</div>

我正在使用CSS。有人能告诉我怎么才能做到吗我的光标变成了手指指向和背景当登录或注册div悬停时颜色变化?

Answer 1

参见DEMO

.authTabs {
 cursor: pointer;
}
.h2:hover {
background-color: red;
}

Answer 2

将此添加到您的css定义中:

.h2:hover {
   cursor: pointer;
    background-color: red;
 }

Answer 3

<style>
.h2{
  backgorund-color : black;
cursor: pointer
}
.h2:hover{
  backgorund-color : blue;
cursor: pointer
}
</style>

Answer 4

.clsName:hover
{
  cursor: pointer;
  background-color: red; // required color
}
.authTabs div:nth-of-type(1)
{
 cursor: pointer;
  background-color: red; // required color
} 
.authTabs div:nth-of-type(1)
{
  cursor: pointer;
  background-color: red; // required color
}

Answer 5

h2:hover{
  cursor: pointer;
  background-color: red;
}