前端CSS高频面试题及详细答案（实战版）.docxVIP

前端CSS高频面试题及详细答案（实战版）

一、CSS基础概念题

1.说一说CSS选择器的优先级规则？

答案：

CSS优先级不是按书写顺序简单判断，而是有固定权重层级，从高到低依次为：

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

权重计算规则（实战常用）：

不叠加进位，只对比层级数量：

行内样式：1000

ID选择器：0100

类、伪类、属性选择器：0010

标签、伪元素选择器：0001

通配符、继承：0000

举例：#box.list权重高于.box.list-item，因为前者有ID层级。

补充：权重相同的情况下，后写的样式覆盖先写的；继承样式永远不如自身定义的样式。

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

答案：

默认继承的属性（文本类为主）：

字体系列（font-size、font-family、font-weight）、文本系列（color、text-align、line-height、text-indent）、visibility、cursor等。

默认不继承的属性（布局、盒模型为主）：

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