- CSS提供了多种伪类,用于设置元素的不同状态。
- 伪类如
:hover
和:active
常用于表示用户与元素交互的状态。 - 通过使用类型选择器结合伪类,如
a:hover
,可以设置当鼠标悬停在链接上时的样式,例如添加下划线。 - 使用
:active
伪类可以设置元素被点击时的样式,如降低不透明度。 - 子元素选择器如
:first-child
、:last-child
、:only-child
可以用来选择第一个、最后一个或唯一的子元素,并设置样式,如改变背景颜色。 - 使用
:nth-child
选择器可以选择特定位置的子元素,如第二个或奇数/偶数位置的子元素,并进行样式定制。