第1个回答 2024-03-22
在CSS中，hover是一种伪类选择器，用于选择鼠标指针悬停在上面的元素，当用户将鼠标悬停在元素上时，可以使用hover`来应用一些样式变化。以下是一些常见的用法：
1、改变鼠标悬停时的元素样式。例如，a：hover{color：red}，当鼠标悬停在链接上时，链接的颜色将变为红色。
2、改变子元素样式。例如，child：hover{background-color：pink}，当鼠标悬停在包含child的元素上时，child的背景颜色将变为粉色。
3、改变同级元素（兄弟元素）样式。例如，parent：hover+child{background-color：green}，当鼠标悬停在parent元素上时，其兄弟元素child的背景颜色将变为绿色。
4、改变就近元素样式。例如，parent：hoverchild{background-color：blue}，当鼠标悬停在parent元素上时，其最近的子元素child的背景颜色将变为蓝色。