伪类选择器

:enabled与:disabled是CSS中用于表单元素的状态伪类，分别匹配可交互和不可交互的控件。input:enabled设置启用时样式，input:disabled定义禁用时外观，如背景色、文字颜色及光标形态。button:disabled常用于提交按钮禁用状态，配合JavaScript动态…

:empty伪类选中无内容且无子元素的元素，适用于控制空单元格或容器样式；其判定严格，含空格、换行、注释或子元素均不被识别为空，常用于隐藏空td边框或插入占位提示，提升页面整洁度与维护效率。 在CSS中，:empty伪类选择器用于选中页面中没有任何内容的元素。这里的“空”指的是元素内部既没有文本内容…

:empty选择器用于选中无子节点的元素，包括文本、空格或子元素；其语法为selector:empty{}，可应用于表单校验、占位提示及隐藏空元素；需注意注释不视为内容，但空格和换行会影响匹配，现代浏览器广泛支持。 在CSS中，:empty 选择器用于选中没有任何内容的元素。这里的“内容”指的是文本…

CSS优先级由(a,b,c,d)决定，!important最高，依次为内联样式、ID、类/属性/伪类、标签/伪元素；避免滥用高优先级选择器，推荐使用类名、BEM命名、模块化结构和合理层叠，减少!important使用，通过良好组织降低冲突。 在前端开发中，CSS选择器的优先级直接影响样式的最终表现。…

:only-of-type 选择父元素中唯一同类型的标签，如 p:only-of-type 选中唯一的段落，不受其他类型元素影响，适用于文章、图片等场景的智能样式控制。 在CSS中，:only-of-type 是一个非常实用的伪类选择器，用于选中其父元素中唯一拥有该标签类型的子元素。换句话说，如果某…

:nth-child选择器可通过odd和even关键字为奇偶子元素设置不同样式，实现如斑马条纹效果；li:nth-child(odd)匹配第1、3、5…项，li:nth-child(even)匹配第2、4、6…项，样式规则分别应用浅灰与白色背景，提升可读性且无需JavaScript或额外类名。 在网…

: not伪类选择器可用于排除特定元素以简化CSS，如nav a:not(:last-child)去除导航末项边框、input:not([type=”submit”])跳过提交按钮等，提升样式灵活性与可维护性。 在CSS中，:not 伪类选择器是一个非常实用的工具，它允许我们…

:only-child 选中父元素中唯一的子元素，如单个段落变蓝加粗；:only-of-type 选中同类型中唯一的元素，即使存在其他类型兄弟节点。 在网页开发中，有时需要为“唯一的子元素”或“某一类型中唯一存在的元素”设置特殊样式。CSS 提供了 :only-child 和 :only-of-ty…

:last-child 用于选中父元素的最后一个子元素，常用于移除列表末项分隔线、调整间距或设置特殊样式，如 li:last-child { border-bottom: none; }，需注意目标元素必须是父级最后一个子节点，且兼容 IE9+，与 :last-of-type 等伪类相比更依赖结构顺…

:enabled和:disabled伪类用于区分表单元素的可交互状态。1. :enabled匹配可操作元素，如可输入文本框；2. :disabled匹配添加disabled属性的元素，常为不可编辑状态。常见应用包括设置不同背景色、文字颜色及光标样式，例如禁用时背景变灰、文字变淡并显示not-allo…