过滤选择器有:first-child、:last-child、:nth-child、:nth-last-child、:only-child、:not、:empty、:checked、:enabled、:disabled和:focus等。详细介绍：1、:first-child，选择父元素下的第一个子元素；2、:last-child，选择父元素下的最后一个子元素等等。
本教程操作系统：windows10系统、DELL G3电脑。
在Web开发中，过滤选择器用于根据特定的条件或规则筛选和选择DOM元素。过滤选择器可以帮助开发者根据需要选择特定的元素，以便进行操作、样式修改或其他处理。以下是常见的过滤选择器：
1. :first-child：选择父元素下的第一个子元素。例如，选择所有父元素下的第一个子元素：
:first-child {
/* 样式 */
}2. :last-child：选择父元素下的最后一个子元素。例如，选择所有父元素下的最后一个子元素：
:last-child {
/* 样式 */
}3. :nth-child(n)：选择父元素下的第n个子元素。可以使用具体的数字或公式来指定n的值。例如，选择父元素下的第3个子元素：
:nth-child(3) {
/* 样式 */
}4. :nth-last-child(n)：选择父元素下的倒数第n个子元素。与:nth-child类似，可以使用具体的数字或公式来指定n的值。例如，选择父元素下的倒数第2个子元素：
:nth-last-child(2) {
/* 样式 */
}5. :only-child：选择父元素下唯一的子元素。例如，选择所有父元素下仅有一个子元素的情况：
:only-child {
/* 样式 */
}6. :not(selector)：选择不满足指定选择器的元素。可以使用各种选择器作为参数，以排除特定的元素。例如，选择所有不是``标签的元素：
:not(a) {
/* 样式 */
}7. :empty：选择没有子元素或文本内容的元素。例如，选择所有没有子元素的元素：
在原版的基础上做了一下修正评论没有提交正文的问题特价商品的调用连接问题去掉了一个后门补了SQL注入补了一个过滤漏洞浮动价不能删除的问题不能够搜索问题收藏时放入购物车时出错点放入购物车弹出2个窗口修正主题添加问题商家注册页导航连接问题销售排行不能显示更多问题热点商品不能显示更多问题增加了服务器探测 增加了空间使用查看 增加了在线文件编辑增加了后台管理里两处全选功能更新说明：后台的部分功能已经改过前台
:empty {
/* 样式 */
}8. :checked：选择被选中的表单元素（如复选框或单选按钮）。例如，选择所有被选中的复选框：
:checked {
/* 样式 */
}9. :enabled和:disabled：选择可用和不可用的表单元素。例如，选择所有可用的输入框：
:enabled {
/* 样式 */
}10. :focus：选择当前获得焦点的元素。例如，选择当前获得焦点的输入框：
:focus {
/* 样式 */
}
需要注意的是，过滤选择器的支持和语法可能会因浏览器和CSS版本而有所不同。在使用过滤选择器时，建议先进行兼容性测试和验证。
总结起来，过滤选择器可以帮助开发者根据特定的条件或规则筛选和选择DOM元素。常见的过滤选择器包括:first-child、:last-child、:nth-child、:nth-last-child、:only-child、:not、:empty、:checked、:enabled、:disabled和:focus等。根据需求和场景，选择合适的过滤选择器可以更精确地选择DOM元素，并进行相应的操作和样式修改。
