字节CSS高频面试题及详细答案（真实面试版）.docxVIP

字节CSS高频面试题及详细答案（真实面试版）

一、基础核心题（必问）

1、CSS选择器优先级规则？字节常考权重计算

答案：

优先级从高到低排序，权重不可逆，遵循「就近原则、权重优先」：

!important（最高）行内样式（style）ID选择器类/伪类/属性选择器标签选择器通配符继承样式（最低）

权重计算规则（字节重点）：

不进位机制，分级比较，从高权重开始逐一对比，高位胜出直接生效，无需比低位：

行内样式：1000

ID选择器：0100

类/伪类/属性：0010

标签/伪元素：0001

实战举例：

#box.listp权重：0111；.wrap.listp权重：0021，前者优先级更高

补充细节：

!important不参与权重计算，直接置顶；继承样式权重为0，任何自定义样式都能覆盖。

2、CSS继承性有哪些属性？哪些不继承？

答案：

默认可继承（文字、排版类）：

font系列、color、text-align、line-height、letter-spacing、word-spacing、visibility、cursor

默认不可继承（布局、盒模型、定位类）：

width/height、margin/padding、border、background、position、float、display、z-index、overflow

开发