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;
}

如果将鼠标悬停在DIV光标和背景颜色上，怎样才能使DIV光标和背景颜色发生变化？

5 个答案: