前端样式（CSS）高频面试题及详细答案.docxVIP

前端样式（CSS）高频面试题及详细答案

本套面试题精选企业真实高频考点，覆盖CSS基础、布局原理、样式优先级、兼容问题、性能优化、新式特性等核心内容，答案贴合开发实操，通俗易懂，无书面化空话，适配初中级前端面试。

一、CSS基础核心题

1.简述CSS选择器优先级规则，以及权重计算方式

答案：

CSS优先级由选择器权重决定，权重越高，样式优先级越高，权重相同时，后写的样式覆盖先写的，具体权重分级从高到低如下：

!important：最高优先级，权重无限大，尽量少用，会破坏样式层级结构，难以维护

行内样式：style属性直接写的样式，权重1000

ID选择器：#id，权重100

类、伪类、属性选择器：.class、:hover、[type=text]，权重10

标签、伪元素选择器：div、p、::before、::after，权重1

通配符、继承样式：*、继承而来的样式，权重0

权重计算规则：只累加同级权重，不进位。比如11个类选择器（权重10*11=110），优先级依然低于1个ID选择器（权重100）。

特殊说明：继承的样式优先级最低，会被任意自定义样式覆盖。

2.说说CSS继承性，哪些属性可以继承，哪些不能继承？

答案：

CSS继承性指子元素会默认继承父元素的部分样式，无需重复设置，核心目的是简化全局样式设置。

可继承属性（高频）：

文本