在前端的設計中我們常常會用到偽類，偽類到底是什么呢？css偽類是用來添加一些選擇器的特殊效果。如圖：

其中，最常用的是：hover把鼠標放在類的上面所表現的狀態，下面我給大家看一下。
代碼：

<div class="wy"><h2>水平方向移動40px,垂直方向移動30px</h2></div> .wy{width: 300px;height: 200px;background: #0051CF; } .wy:hover{width: 300px;height: 200px;background:#E1246A;transform: translate(40px,30px); }

效果圖：

把鼠標放上去后

效果就是這樣了。

創作挑戰賽新人創作獎勵來咯，堅持創作打卡瓜分現金大獎

總結

以上是生活随笔為你收集整理的伪类的用法的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。