CSS 高频面试题及详细真实答案（实战版）.docx

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

一、CSS基础核心题

1、CSS选择器优先级规则是什么？实际开发怎么记？

标准答案：

优先级从高到低排序：!important行内样式ID选择器类/伪类/属性选择器标签选择器通配符继承样式

通俗记忆规则（开发常用）：

1、权重计数：行内(1000)、ID(100)、类/伪类(10)、标签(1)

2、权重值不进位，11个类选择器也比不上1个ID选择器

3、!important直接置顶，但是开发中禁止滥用，会导致样式极难覆盖

4、优先级相同的情况下，后写的样式覆盖先写的

实战场景：改线上样式不要随便加!important，