我有一個導航菜單，當您將鼠標懸停在菜單中的鏈接/元素之一上時，該菜單會更改顏色。當您單擊每個鏈接/列表項時，它將運行一個javascript函數，該函數將隱藏som內容，而其他一些內容將顯示在頁面上。同時，您正在訪問的頁面/鏈接的背景色也會改變。它可以正常工作，但是問題是，一旦單擊鏈接之一，css代碼ul.nav li：hover將不再起作用。到目前為止，這是我的代碼：    function show_page1() {        let page1 = document.querySelector("#page1");        let page2 = document.querySelector("#page2");        let page1_Link = document.querySelector("#page1_link");        let page2_Link = document.querySelector("#page2_link");        page2.style = "display: none";        page1.style = "display: block";        page1_Link.style = "background-color: #008CBA";        page2_Link.style = "background-color: #f3f3f3";    }    function show_page2() {        let page1 = document.querySelector("#page1");        let page2 = document.querySelector("#page2");        let page1_Link = document.querySelector("#page1_link");        let page2_Link = document.querySelector("#page2_link");        page2.style = "display: block";        page1.style = "display: none";        page1_Link.style = "background-color: #f3f3f3";        page2_Link.style = "background-color: #008CBA";    }       ul.nav {            list-style-type: none;            margin: 0;            padding: 0;            overflow: hidden;            background-color: #f3f3f3;;            line-height: 1.5;        }        ul.nav li {            float: left;            display: inline-block;            text-align: center;            padding: 14px 16px;            text-decoration: none;        }        ul.nav li:hover {            background-color: lightgrey;            cursor: pointer;        }        #page1_link {            background-color: #008CBA;        }        #page2 {            display:none;        }