隱藏之后鼠標(biāo)放不上去是怎么回事css？

新建一個html文件，命名為test.html，用于講解css實現(xiàn)鼠標(biāo)放在文字上，隱藏的div顯示出來。

在test.html文件內(nèi)，使用ul li創(chuàng)建一行列表，在li標(biāo)簽里面使用a標(biāo)簽創(chuàng)建一個文字鏈接。

在a標(biāo)簽的下面，創(chuàng)建一個div模塊，在div內(nèi)寫上測試的文字。

在test.html文件內(nèi)，創(chuàng)建css標(biāo)簽，在css內(nèi)初始化頁面所有元素樣式，設(shè)置內(nèi)外邊距都為0 。

使用css設(shè)置div隱藏（display:none），并且設(shè)置div內(nèi)的文字顏色為紅色（color:red）。

使用css設(shè)置li的hover屬性，實現(xiàn)當(dāng)鼠標(biāo)放在li標(biāo)簽內(nèi)的a鏈接上面時，通過把div的display屬性設(shè)置為block，把div顯示出來。

在瀏覽器打開test.html文件，查看實現(xiàn)的效果。