:not()伪类可精准匹配不含指定类的元素，如button:not(.active)选中无active类的按钮；支持链式排除多个类，如div:not(.disabled):not(.hidden)；可用p:not([class])匹配无class属性的元素；推荐用:not()明确样式边界，避免覆盖问题。

应通过提升选择器特异性、作用域隔离和调试定位来解决CSS框架样式覆盖问题：优先使用更精准选择器（如ID或组合类）、父容器限定、属性选择器；其次采用CSSModules、ShadowDOM或PostCSS自动加前缀；最后用DevTools查看生效规则及权重。

会，但仅在特定条件下明显；现代浏览器已优化常见选择器，真正影响性能的是深度嵌套、通配符滥用、动态重排及触发非必要重绘的写法。

标签顺序决定CSS覆盖优先级，后加载的样式覆盖先加载的同名规则；自定义样式应置于第三方库之后，避免动态插入覆盖，并通过开发者工具排查具体覆盖来源。

CSS选择器优先级按四元组(a,b,c,d)计算，a为内联样式、b为ID数、c为类/属性/伪类数、d为元素/伪元素数，逐位比较；避免冗余嵌套和滥用:not()，优先优化HTML语义而非堆砌选择器。

HTML默认压缩连续空白字符为单个空格，Vue模板沿用此行为；静态内容用 ，动态文本用white-space控制，服务端数据需预先归一化。

CSS组件加父级作用域的核心是用明确外层选择器包裹样式，如类名前缀（.my-card）、scoped属性、:where/:is伪类或CSSModules实现隔离，避免全局污染。

^=是CSS属性选择器中的前缀匹配，要求属性值严格以指定字符串开头（区分大小写且忽略前后空格），如[data-id^="user-"]匹配"user-123"但不匹配"user-123"或"US...

使用::placeholder伪元素可修改输入框占位文字颜色，需兼顾浏览器兼容性，推荐同时书写标准写法及-moz-、-webkit-前缀版本，并注意选择器优先级与样式覆盖问题。

文字颜色改不了主因是CSS优先级不足或继承覆盖，需用开发者工具检查Computed值、排查!important和选择器权重，确认元素命中、scoped样式穿透、重置样式干扰及滤镜/透明度等间接影响。

应将重复的CSS动画逻辑抽成语义化可复用class，如.animate-fade-in、.animate-slide-up等，统一时长0.3s和fill-mode:both；支持data属性动态控制参数；允许多类组合；推荐工具辅助生成；仅对高频低差异动效封装。

在模板中使用变量动态生成HTML元素的name属性时，必须为属性值添加英文双引号（或单引号），否则浏览器会将其视为未闭合的无效属性，导致JavaScript无法通过[name=‘xxx’]正确选取元素。