css伪类分为哪几种

css伪类分为UI伪类和结构化伪类两种。UI伪类分为链接伪类、focus伪类和target伪类。结构化伪类分为【:first-child】、【:last-child】和【:nth-child】。

CSS伪类分两种：

1、UI伪类：会在HTML元素处于某种状态时（比如鼠标指针位于连接上），为该元素应用CSS样式。

2、结构化伪类：会在标记中存在某种结构上的关系时（如某个元素时一组元素中的第一个或最后一个），为响应元素应用CSS样式。

（学习视频分享：css视频教程）

UI伪类：最常用的UI伪类元素是链接（a元素）。

分为三种：

1、链接伪类：共有四个，链接始终会处于四种状态之一。

（1）Link 链接就在那儿等着用户点击。

（2）Visited 用户此前点击过这个链接。

（3）Hover 鼠标指针正悬停在链接上。

（4）Active 链接正在被点击（鼠标在元素上按下，还没有释放）。

2、focus伪类（聚焦）

3、target伪类（如果用户点击一个纸箱页面中其他元素的链接，则那个元素就是目标（target）,可以用:target伪类选中它。）

结构化伪类：

1、：first-child和：last-child

：first-child代表一组同胞元素中的第一个元素，而:last-child则代表最后一个。

2、：nth-child:会选择一组列表项中的每个第n项。

相关文章