Question

我试图改变导航栏的悬停状态。例如，我想制作＆＃34; menu1＆＃34;当我将鼠标悬停在＆＃34; menu1＆＃34;上时，以不同的颜色等突出显示。非常感谢帮助！

package com.mmsystem.dao.interfaces;

import com.mmsystem.model.Invitation;
import com.mmsystem.model.Meeting;
import com.mmsystem.model.User;
import com.mmsystem.model.Request;

import java.util.List;

public interface UserDAO {
    public Long addUser(User user);

    public User getUser(Long id);

    public void deleteUser(Long id);

    public List<User> getAllUsers();

    public List<Meeting> getUserMeetings(Long idUser);

    public List<Request> getUserRequests(Long idUser);

    public List<Invitation> getUserInvitations(Long idUser);
}

Answer 1

如果menu1是class，您可以使用此css：

.menu1:hover {
   /* The CSS, for example:
   background-color: red;
   */
}

:hover是伪类的一个例子。其他示例是:first-child，它在元素中选择它的第一个元素，而:not(selector)则表示异常。该元素仅具有属性（如果它也是悬停的）或第一个子元素。

您不能在style属性中使用伪类，但您可以在<style>标记中将其写入<head>中，如下所示：

<style>
   .menu1:hover {
      /* The CSS properties, for example:
      background-color: red;
      */
   }
</style>

如何设置导航栏悬停状态

1 个答案: