csshover显示隐藏div

CSS提供了:hover伪类选择器，可以实现鼠标悬停时显示或隐藏某个元素或元素组。在这个问题中，我们需要实现当鼠标悬停在某个元素上时，显示或隐藏某个p元素。

下面是一个通过CSS :hover伪类选择器来实现显示或隐藏p的例子：

HTML代码：

```html

鼠标悬停在这里

隐藏的p

```

CSS代码：

```css

.hidden {

display: none;

}

.hoverable:hover .hidden {

display: block;

}

```

在上面的例子中，我们首先定义了一个class为.hidden的p元素，并将其设置为display: none;，以隐藏它。

接下来，在包含了上述.hidden元素的父元素上，我们添加了一个class为.hoverable，并使用:hover伪类选择器来选择.hidden元素并定义其样式。当鼠标悬停在.hoverable元素上时，.hidden元素的display将被设置为block，从而实现显示。

你可以复制以上代码运行查看效果，当你将鼠标悬停在带有"class='hoverable'"的元素上时，将会显示隐藏的p元素。

这样，我们就实现了通过CSS :hover伪类选择器显示或隐藏p的效果。