css 實現 ul li 的顯示與隱藏

本文從CSS角度來實現導航欄的顯示與隱藏，用到了ul、li標簽

html源代碼：

 

css文件：

有點小感悟：總是先設置默認情況：默認不顯示或者默認黑色，然后再設置hover時的具體情況

li顏色變化比較簡單：設置個全局顏色（默認顏色），然后li:hover設置hover時的顏色；

li 顯示比較復雜，因為涉及到自菜單顯示情況：總是先設置下屬所有子菜單全顯示，然后設置間接子菜單不顯示（存在間接子菜單的情況）。