Help ~ drop-down menu problem ~ please_html/css_WEB-ITnose

Dear experts, how do you enable the browsed menu to display browsing traces, so that browsing the second-level menu can also be reflected on the first-level menu?
In the css I wrote, only the first-level menu can display browsing traces, and it will always be displayed. If you click on something else, the browsing traces will still be displayed. Only clearing the cache can restore the original state.
The function I want to achieve is to click on which one to see visited, and the others will be normal. Then click on another one, and the other one will show visited, and the previous one will return to its original state. How should you implement it?
The code is as follows










                                                                         ;/li> & Lt; li & gt; & lt; a href = "2" & gt; 2222 & lt;/a & gt;
& lt;/li & gt;
& lt; li gt; & lt; a href = "3" & gt; 3333 & lt; /a>
         
        

4444 
        

 
        

55555 
        

 
        
• 55551111
 
        
• 55552222
 
        
• 55553333
 
        

 
        

 
        

66666
        

 
        

7777  
        

 
        
• 77771111
 
        
• 77772222

        
• 77773333