问使用hover伪元素不起作用

EN

 nav{
        width: 100%;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        
        margin-top: 5px;
    }
    
    ul{
        display: flex;
        flex-direction: row;
        justify-content: space-evenly;
        align-items: center;
    }
    
    .logo{
        margin-left: 35px;
        font-weight: 600;
        text-decoration: underline;
    }
    .logo:hover{
        cursor: pointer;
    }
    
    li,a{
        list-style: none;
        text-decoration: none;
        margin-right: 4px;
    }
    
    
    button{
        border-style: none;
        border-radius: 30px;
        background-color: white;
        color: black;
        padding-top: 5px;
        padding-bottom: 5px;
        padding-left: 7px;
        padding-right: 7px;
    }

    <nav>
                    <div class="logo">JEREMY/NDEBELE</div>
                    <ul>
                        <li><a href="index.html">Home</a></li>
                        <li><a href="#portfolio">My Work</a></li>
                        <li><a href="aboutme.html">About Me</a></li>
                    </ul>
                    <button class="nav-button"><a href="contactme.html">CONTACT ME</a></button>
                </nav>