生活明朗
万物可爱。
nanchen.cloud
Java
Docker
Photoshop
Node
Webpack
Pinia
Python
Vite
Flutter
Vue
React
CSS3
JS
HTML
Git
Apifox
Java
Docker
Photoshop
Node
Webpack
Pinia
Python
Vite
Flutter
Vue
React
CSS3
JS
HTML
Git
Apifox
随便逛逛
图片
2026-08-26前端小知识:CSS 选择器优先级
面试被问烂了的一道题,但很多人依然会答错: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 之间再按选择器权重比较。 就近原则:权重相同时,后写的样式覆盖先写的。 通配符 ...
详情
图片
2026-08-28云与山(原创)
云与山南野澪山把云举起来的时候云正在练习安静它们交换位置却不交换心事 风经过一次山就矮一寸云就轻一分直到黄昏把两者同时染成金色 后来我明白了山不必等云云不必停在山顶各自赶路各自好看 试着用意象写一点自己的感受,希望读到的人也能想起某座山、某片云。
详情
图片
2026-08-25Hexo 博客部署全记录
把博客从 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 离线缓存完全不生效。 踩坑小结 ...
详情
图片
2026-08-09博客正式上线!
🚀 博客搬家成功经过一番折腾,博客终于从 GitHub Pages 搬到了阿里云 ECS 服务器上。 技术栈 层级 方案 框架 Hexo 7 + Anzhiyu 主题 服务器 阿里云 ECS(Debian) Web 服务 Nginx HTTPS Let’s Encrypt 免费证书 感受部署过程比想象中顺利。从买服务器到全站上线,前后不到一小时。域名换成了新的 minamino.top,一切重新开始~ 以后就在这里记录学习和生活了 ✨
详情
云与山(原创)
夏日随笔
前端小知识:CSS 选择器优先级
Hexo 博客部署全记录
博客正式上线!
avatar
status
这有关于产品、设计、开发相关的问题和看法,还有文章翻译和生活分享。
相信你可以在这里找到对你有用的知识和教程。
公告
欢迎来看我的博客鸭~


网站资讯
文章总数 :
5
建站天数 :
全站字数 :
1.1k
引用到评论
随便逛逛博客分类文章标签
复制地址关闭热评深色模式轉為繁體