面试——css篇（2026）
2026 年 CSS 面试重点有哪些？ 重点不只是盒模型、居中和 BFC，还包括现代布局、容器查询、级联层、:has()、CSS 嵌套、@scope、动画性能和工程治理。 面试更看重你能不能解释“为什么这样写更稳”，以及如何处理复杂项目里的样式冲突、性能和兼容性。 CSS 的核心能力是什么？ CSS 负责描述页面表现，包括布局、排版、颜色、动画、响应式和视觉状态。 现代 CSS 已经从“写样式”扩展到组件作用域、设计系统、主题变量和交互状态管理。 CSS 级联由哪些因素决定？ 主要由来源、重要性、级联层、选择器优先级、作用域距离和源码顺序共同决定。 不要只背“id 大于 class”，现代 CSS 还要理解 @layer 和 @scope。 CSS 优先级怎么计算？ 通常按内联样式、ID、类/属性/伪类、标签/伪元素来比较。 同级优先级相同时，后声明的规则覆盖先声明的规则。 !important 为什么要少用？ 它会提高声明重要性，让后续覆盖变困难。 大型项目中滥用 !important 会让样式系统失控，应优先用层级、作用域和结构解...
面试——css篇
css 优先级 答：important > 内联 > ID选择器 > 类选择器 > 标签选择器 避免 css 全局污染。 通过在css文件的选择器上使用:local* 例如：:local(.className) { background: red; } 在vue项目中使用deep* 例如：:deep(.el-carousel__arrow–right) { right: 120px; } 在react项目中使用:global* 例如： <RangePicker className={styles.rangePick} showTime format="YYYY-MM-DD HH:mm:ss" /><br>.rangePick{ :global { .ant-picker-input { color:red } }} 页面导入样式时，使用link和@import有什么区别？ link属于XHTML标签，...
