基本信息

---

下载

文档摘要

---

CSS前端面试题及答案

一、基础概念题

问：CSS选择器优先级怎么判断？实际开发中遇到过优先级冲突吗？怎么解决的？

答：优先级从高到低是「内联样式（style属性）」「ID选择器（#id）」「类/伪类/属性选择器（.class/:hover）」「元素/伪元素选择器（div::after）」。

权重计算可简单记：内联1000，ID100，类10，元素1，叠加后数值大的生效；同权重时后面的样式覆盖前面的。

实际开发中遇到过：比如用第三方UI库的类选择器样式，自己写的ID选择器却没覆盖。后来发现是第三方样式加了！important，这时要么在自己的样式里也加！impo