CSS中的hover是一个非常常用的伪类选择器，它可以在鼠标悬停在一个元素上时改变该元素的样式。下面将通过一个例子来讲解hover的用法。

在我们的例子中，我们将创建一个简单的导航栏。我们将使用一个无序列表（ul）来包含我们的导航链接，每个链接都是一个列表项（li）。当鼠标悬停在列表项上时，我们将改变背景颜色和字体颜色。

首先，我们需要一个HTML文件，其中包含我们的导航栏。代码如下：

```html

• Home
• About
• Services
• Contact

```

接下来，我们需要编写CSS样式来设置我们的导航栏。我们将把每个列表项设置为显示为inline-block元素，并将它们之间的间距设置为10像素。我们还将设置列表项的背景颜色和字体颜色，并使用hover伪类来改变它们的样式。代码如下：

```css

.nav li {

display: inline-block;

margin-right: 10px;

background-color: #333;

color: #fff;

padding: 10px;

}

.nav li:hover {

background-color: #fff;

color: #333;

cursor: pointer;

}

```

在这个例子中，我们使用了:hover选择器来选择我们的列表项，并在鼠标悬停在上面时改变它们的样式。我们将背景颜色和字体颜色颠倒，并设置光标为指针，以提醒用户该元素可以被点击。

通过这个例子，我们可以看到hover在CSS中的用法非常简单，但它可以为网页设计师提供很大的灵活性和创造性。只要我们熟练掌握它，我们就可以创建出各种各样的交互效果，使我们的网页更加生动、有趣。