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的背景颜色将变为蓝色。