在网页编程中，`hover`通常是通过CSS的`:hover`伪类来实现的，它允许你在用户将鼠标悬停在某个元素上时改变该元素的样式。以下是一些基本的使用方法：
基本用法
改变元素样式
直接在元素上使用`:hover`伪类来改变样式，例如改变背景颜色或文字颜色。
```css
.btn:hover {
background-color: red；
}
```
改变子元素样式
使用子元素选择器（如`>`）来改变悬停元素子元素的样式。
```css
.btn:hover > .icon {
visibility: visible；
}
```
改变同级元素样式
使用相邻兄弟选择器（如`+`）来改变悬停元素同级元素的样式。
```css
.btn:hover + .secondary-btn {
background-color: green；
}
```
改变就近元素样式
可以使用一般兄弟选择器（如`~`）来改变悬停元素之后的所有同级元素的样式。
```css
.btn:hover ~ .other-elements {
border: 2px solid red；
}
```
示例
```html
Navigation Item 1
- Sub Item 1.1
- Sub Item 1.2
Navigation Item 2
- Sub Item 2.1
- Sub Item 2.2