伪元素

ID选择器优先级高于class选择器，因CSS优先级权重中ID为(0,1,0,0)、class为(0,0,1,0)，前者第二位数值更大，故优先；例如#nav{color:blue}会覆盖.nav{color:red}，体现id对单一元素的精确控制与语义重要性。 id选择器的优先级比class选择器高…

使用::selection伪元素可自定义文本选中样式，如设置background-color和color属性改变高亮颜色，支持有限CSS属性，需注意兼容性及浏览器前缀。 在CSS中，想要自定义文本被选中时的高亮颜色，不能使用 selection-color（这是一个不存在的属性），正确的做法是使用 …

答案：通过CSS的@keyframes和animation属性可实现背景颜色渐变动画。1. 使用background-color在多色间循环渐变；2. 动画linear-gradient的角度实现方向变化；3. 改变渐变颜色位置制造滑动效果；4. 利用伪元素位移创建扫光等高级动效。根据视觉需求选择方…

使用Unicode符号可实现静态评分展示，通过HTML与CSS结合创建可交互星级评分，利用伪元素和渐变背景支持半星效果，满足不同场景需求。 在CSS中制作评分星星组件，可以通过字体图标、Unicode符号或背景图片实现。最常见且简单的方式是使用Unicode星星符号配合HTML与CSS结合，支持点击…

::before和::after通过content属性为元素添加装饰性内容，常用于引号、三角提示框、分隔符等视觉效果，无需修改HTML结构，结合定位与样式实现丰富布局。 使用 ::before 和 ::after 伪元素可以在不修改HTML结构的前提下，为元素添加装饰性内容。它们通过CSS生成内容，…

:not()是否定伪类，用于选中不匹配指定条件的元素。例如p:not(.special)选择非.special类的段落，input:not([disabled])选择未禁用的输入框，li:not(:last-child)为非最后一项的列表添加下边距，img:not(.no-border)为无.no-…

clearfix用于解决浮动导致父元素高度塌陷的问题，通过::after伪元素插入并清除浮动，使父元素正确包裹子元素；现代方案推荐使用overflow触发BFC或采用flex布局。 当子元素使用浮动（float）时，父元素常常无法正确包裹它们，导致布局问题。CSS 中的 clearfix 是一种经典…

CSS文本属性通过text-align、vertical-align实现精准对齐，结合text-decoration、text-shadow等装饰属性提升视觉表现，配合line-height与white-space优化可读性，是构建良好用户体验的核心。 CSS中的文本属性是前端开发者手中的利器，它们…

::selection伪元素可自定义文本选中样式，常用background-color和color属性设置高亮效果，支持全局或特定元素的样式定义，如h1::selection改变标题选中颜色，需注意仅部分CSS属性生效且应保证文字可读性。 在CSS中，::selection 伪元素用于自定义用户选中…

使用HTML的标签或CSS的border属性可创建水平分隔线。1. 直接使用标签生成默认分隔线，语义明确且兼容屏幕阅读器；2. 通过div设置border-top可自定义线条样式、颜色和间距，灵活性高；3. 利用伪元素::before和::after结合flex布局，实现中间带文字的分隔线，常用于“…