Products
GG网络技术分享 2025-11-13 22:07 3
在您给的文本中,说说了许多种CSS伪类及其用法。
:hover 伪类

a:hover { color: red; } 将鼠标悬停在链接上时字体颜色变为红色。:active 伪类
button:active { background-color: red; } 当按钮被点击时背景颜色变为红色。:focus 伪类
input:focus { border-color: blue; } 输入框得到焦点时边框颜色变为蓝色。:visited 伪类
a:visited { color: gray; } 将Yi访问链接的颜色变为灰色。:checked 伪类
input:checked { background-color: blue; } 当复选框被选中时背景颜色变为蓝色。:nth-child 伪类
li:nth-child { background-color: gray; } 选择列表中的偶数行,背景颜色变为灰色。li:last-child { font-weight: bold; } 选择列表中再说说一个li元素,将其字体设置为粗体。在您的文本中, 还提到了img:hover用于图片的放巨大效果,但代码片段中transform: scale;后面缺少许了具体的放巨大比例值。通常, 您兴许会kan到如下代码来放巨大图片:
css
img:hover {
transform: scale; /* 将图片放巨大1.2倍 */
}
再说说文本中提到了:nth-child伪类的一个错误示例,它得是li:nth-child而不是a:visited。
CSS伪类是前端开发中非常有用的工具,它们Neng显著增有力网页的交互性和用户体验。
Demand feedback