a:hover { color: red; text-decoration: underline; }
上述代码演示了如何使用:hover来设置鼠标移动到链接上时的样式。需要注意的是,获取伪类时需要在选择器后加上伪类名,以此来指定元素处于某种状态下应该应用的样式。
button:disabled { background-color: grey; color: white; cursor: not-allowed; }
在上例中,可以看到如何使用:disabled伪类来设置禁用按钮的基本样式。此外,还可以使用其他伪类,例如:first-child(选中元素的第一个子元素),:nth-child(选中元素的第n个子元素),:checked(选中已选中的复选框或单选按钮)等。
通过获取伪类,可以为HTML元素添加更多的样式,从而使页面更加美观和易于使用。同时,需要注意遵守CSS的代码规范,减少样式重复等问题。