CSS中的:hover偽類是一種在鼠標懸停時改變樣式的強大工具。
.hover:hover { color: red; font-weight: bold; }
當鼠標懸停在上面的鏈接上時,上述CSS代碼將會被應用。這將導致字體變為紅色并加粗。
:hover偽類不僅適用于鏈接,它還可以在任何元素上使用。比如,當鼠標懸停在一個按鈕上時,你可以改變按鈕的顏色:
button:hover { background-color: blue; color: white; }
這將使按鈕的背景變為藍色,并使文本變為白色。
你還可以使用:hover偽類來放大圖片或通過動畫改變元素的顏色:
img:hover { transform: scale(1.2); }
這將使圖片在鼠標懸停時增大20%。
在CSS中使用:hover偽類時,你可以根據需要改變任何屬性。因此,在設計網站或應用程序時,:hover偽類是一個非常有用的工具。