hover在css中的用法

在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的背景顏色將變為藍色。