id总是赢过.class是因为CSS权重比较按四元组(内联,ID,类/伪类/属性,标签/伪元素)从左到右逐位判定，#header的(0,1,0,0)第二位1>0，直接胜出.nav的(0,0,1,0)，后续位不参与比较。

行内样式权重为1000，高于ID选择器（100）、类名（10）和标签（1），故总优先于外部CSS；避免方式是用语义化类名+JS切换或CSS自定义属性；清理需分步验证、替换与约束。

SVG元素能响应CSS类选择器，但需确保使用内联SVG、正确设置fill/stroke等SVG专属属性，并注意空白文本节点对:nth-child()的影响。

ID选择器优先级高于类选择器（100＞10），核心用途是唯一锚点定位而非样式；类选择器更利于复用、工程化与可访问性，现代开发应避免用ID写样式。

行内样式优先级最高，但!important可覆盖它；CSS优先级按(a,b,c,d)权值逐位比较，相同权值时后声明生效；滥用!important和ID选择器暴露结构与命名问题。

class名重复或嵌套过深易致样式冲突与DOM耦合，BEM命名+作用域限定可切断冲突链；须禁用标签/ID选择器、强制block唯一前缀、元素修饰符挂靠block、样式包裹在:scope或data-component下，并通过stylelint和CI拦截违规写法。