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 用户此前点击过这个链接。
jQuery过滤 分类 排序插件MixItUp
下载
MixItUp是一种重量轻但功能强大的 jQuery插件，提供美丽的动画过滤和分类 排序内容。它起着很好的与现有的HTML和CSS，使其成为一个伟大的选择流体，响应布局。这是完美的组合，画廊，博客，或任何分类或排序内容！
（3）Hover 鼠标指针正悬停在链接上。
（4）Active 链接正在被点击（鼠标在元素上按下，还没有释放）。
2、focus伪类（聚焦）
3、target伪类（如果用户点击一个纸箱页面中其他元素的链接，则那个元素就是目标（target）,可以用:target伪类选中它。）
结构化伪类：
1、：first-child和：last-child
：first-child代表一组同胞元素中的第一个元素，而:last-child则代表最后一个。
2、：nth-child:会选择一组列表项中的每个第n项。
相关推荐：CSS教程
