隐藏之后鼠标放不上去是怎么回事cssHtml代码问题：用鼠标悬停在文字上文字的颜色就变颜色的效果是怎么弄的？

隐藏之后鼠标放不上去是怎么回事css

新建一个html文件，命名为test.html，用于讲解css实现鼠标放在文字上，隐藏的div显示出来。

在test.html文件内，使用ul li创建一行列表，在li标签里面使用a标签创建一个文字链接。

在a标签的下面，创建一个div模块，在div内写上测试的文字。

在test.html文件内，创建css标签，在css内初始化页面所有元素样式，设置内外边距都为0 。

使用css设置div隐藏（display:none），并且设置div内的文字颜色为红色（color:red）。

使用css设置li的hover属性，实现当鼠标放在li标签内的a链接上面时，通过把div的display属性设置为block，把div显示出来。

在浏览器打开test.html文件，查看实现的效果。

Html代码问题：用鼠标悬停在文字上文字的颜色就变颜色的效果是怎么弄的？

可以将所要变色的文字放进一个标签里，比如<p>标签，让后对这个标签添加一个hover属性，即当鼠标停留在这个标签上时会触发设定好的效果。以下演示具体步骤。

1、打开一个HTML文件，添加好基本标签并在body标签里添加p标签，并在p标签里添加所要变色的文字。

2、接下来对p标签添加css样式，并添加hover属性。当鼠标悬停在p标签上时间文字变为红色，大小变为60px。

3、编辑好后保存在浏览器中执行该HTML文件，鼠标悬停在文字上即可看到效果了。

HTML当鼠标悬浮在一个选项时，显示一个页面。鼠标移走后，那个页面还是显示在那，不会变？

这种背景色的变换还是推荐用css吧。做前端有一个比较通用的原则是能用css展示的效果尽量用css。html尽量贴合结构语意。js用来控制交互逻辑。只要不是从原理上css做不到。尽量用css。然后说回这个问题。因为相同class的元素可以有很多个所以返回的是个数组。你直接修改就会报错。