面试被问烂了的一道题,但很多人依然会答错:CSS 选择器的优先级到底怎么算? 优先级权重简单记:内联样式 > id 选择器 > 类/属性/伪类 > 元素/伪元素。 计算规则可以看成一个三位数(不算内联样式): 选择器 权重 #app 1,0,0 .box / [type=text] / :hover 0,1,0 div / ::before 0,0,1 一个例子123#content .box { color: red; } /* 1,1,0 */.box .item { color: blue; } /* 0,2,0 */div.box.item { color: green; } /* 0,2,1 */ 第一条 1,1,0 权重最高,所以 .box 的文字最终是红色。 容易忽略的细节 !important:优先级最高的不是选择器,而是它。多个 !important 之间再按选择器权重比较。 就近原则:权重相同时,后写的样式覆盖先写的。 通配符 ...
把博客从 GitHub Pages 搬到阿里云 ECS 已经有一阵子了,整个过程比想象中顺利。这篇记录一下部署方案和踩过的坑。 部署架构博客本身是纯静态站点,架构非常轻: 层级 方案 生成 Hexo 7 + Anzhiyu 主题 服务器 阿里云 ECS(Debian) Web 服务 Nginx 静态托管 HTTPS Let’s Encrypt 免费证书,自动续期 优化 Gulp 压缩 + Service Worker 离线缓存 一键部署脚本本地写好文章后,跑一个脚本就能完成”清理 → 生成 → 压缩 → 上传”的全流程: 1bash deploy.sh 脚本内部其实就是四步: 1234npx hexo cleannpx hexo generatenpx gulp # 压缩 + 注入 sw.js,别忘了这步!scp -r public/* root@服务器:/var/www/html/ 之前就吃过亏:只跑了 hexo generate 忘了 gulp,结果线上站点缺少 sw.js,PWA 离线缓存完全不生效。 踩坑小结 ...














