前端面试押题
  • HTML
    • 有哪些新标签?
    • SVG 的区别是什么?
    • 如何理解 HTML 中的语义化标签
  • CSS
    • 如何清除浮动?
    • CSS 选择器优先级如何确定?
    • BFC 是什么
    • 两种盒模型(box-sizing)的区别?
    • 如何实现垂直居中?
  • JavaScript 押题基础篇
    • new 做了什么?
    • JS 如何实现类?
    • JS 的闭包是什么?怎么用?
    • JS 如何实现继承?
    • JS 的立即执行函数是什么?
    • JS 的数据类型有哪些?
    • 原型链是什么?
    • 这段代码中的 this 是多少?
  • JavaScript 押题手写篇
    • 手写数组去重
    • 手写简化版 Promise
    • 手写 AJAX
    • 手写深拷贝
    • 手写节流 throttle、防抖 debounce
    • 手写发布订阅
    • 手写 Promise.all
  • DOM 押题
    • 请简述 DOM 事件模型
    • 手写可拖曳 div
    • 手写事件委托
  • HTTP 押题
    • 说说同源策略和跨域
    • POST 的区别有哪些?
    • TCP 三次握手和四次挥手是什么?
    • Session、Cookie、LocalStorage、SessionStorage 的区别
    • HTTP 缓存有哪些方案?
    • HTTPS 的区别有哪些?
    • HTTP/2 的区别有哪些?
  • React 押题
    • 什么是高阶组件 HOC?
    • React Hooks 如何模拟组件生命周期?
    • 你如何理解 Redux?
    • React 有哪些生命周期钩子函数?数据请求放在哪个钩子里?
    • React 如何实现组件间通信
    • 虚拟 DOM 的原理是什么?
    • Vue DOM diff 的区别?
    • DOM diff 算法是怎样的?
  • Node.js 押题
    • 浏览器里的微任务和任务是什么?
    • EventLoop 是什么?
    • koa.js 的区别是什么?
  • TypeScript 押题
    • JS 的区别是什么?有什么优势?
    • any、unknown、never 的区别是什么?
    • TS 工具类型 Partial、Required、Readonly、Exclude、Extract、Omit、ReturnType 的作用和实现?
    • interface 的区别是什么?
Powered by GitBook
On this page
  1. CSS

CSS 选择器优先级如何确定?

属性赋值,层叠(Cascading)和继承

一旦用户代理已经解析了文档并构造好了 文档树,它就必须给树中的每个元素上适用于目标 媒体类型 的每个属性赋值 属性的最终值是4步计算的结果:先通过指定来确定值("指定值(specified value)"),接着处理得到一个用于继承的值("计算值(computed value)"),然后如果有必要的话转化为一个绝对值("应用值(used value)"),最后根据本地环境限制进行转换("实际值(actual value)") 用户代理必须先根据下列机制(按优先顺序)给每个属性赋值一个指定值: 如果层叠产生了一个值,就使用它 否则,如果属性是继承的并且该元素不是文档树的根元素,使用其父元素的计算值 否则使用属性的,每个属性的初始值都在属性定义中指出了 指定值通过层叠被处理为计算值,例如,URI被转换成绝对的,'em'和'ex'单位被计算为像素或者绝对长度。计算一个值并不需要用户代理渲染文档 UA无法处理为绝对URI的话,该URI的计算值就是指定值 一个属性的计算值由属性定义中Computed Value行决定。当指定值为'inherit'时,计算值的定义见 继承 小节 即使属性不适用(于当前元素),其计算值也存在,定义在'Applies To' 行。然而,有些属性可能根据属性是否适用于该元素来定义元素属性的计算值 处理计算值时,尽可能不要格式化文档。然而,有些值只能在文档布局完成时确定。例如,如果一个元素的宽度是其包含块的特定百分比,在包含块的宽度确定之前无法确定这个宽度。 应用值 是把计算值剩余的依赖(值)都处理成绝对值后的(计算)结果 原则上,应用值应该用于渲染,但用户代理可能无法在给定的环境中利用该值。例如,用户代理或许只能用整数像素宽度渲染边框,因此不得不对宽度的计算值做近似处理,或者用户代理可能被迫只能用黑白色调而不是全彩色。实际值是经过近似处理后的应用值 有些值是从 文档树中某个元素的子级继承来的,就像 上面描述的一样。每个属性都 定义 了它是否可继承 假设H1元素里有个强调元素(EM): The headline is important!

Previous如何清除浮动?NextBFC 是什么

Last updated 3 years ago