CSS偽類選擇器中如何更換圖片

在CSS中，我們可以使用偽類選擇器來更換圖片，我們需要為圖片定義一個類，然后通過偽類選擇器來指定在不同狀態(tài)下圖片的變化，下面是一個簡單的例子：

HTML代碼：

<img class="my-image" src="image1.jpg" alt="Image 1">

CSS代碼：

.my-image {
  width: 200px;
  height: 200px;
}
.my-image:hover {
  src: image2.jpg;
}

在這個例子中，我們?yōu)閳D片定義了一個類名為my-image，并指定了圖片的寬度和高度，我們使用偽類選擇器:hover來指定當鼠標懸停在圖片上時，圖片的變化，在這個例子中，我們將圖片更換為image2.jpg。

需要注意的是，這種方法只在支持CSS3的瀏覽器中有效，由于偽類選擇器的作用范圍有限，這種方法只適用于一些簡單的圖片更換需求，對于更復雜的情況，可能需要使用JavaScript或jQuery等腳本語言來實現(xiàn)。