用米侠浏览器开发者工具实时调试css后，将有效规则加!important写入userstyles.css并启用注入，即可持久化修改特定网页样式。
你想把知乎首页的标题加粗、把豆瓣电影页的评分字体放大、把公司内网登录框背景改成浅蓝——这些都不用等前端改代码，用米侠浏览器的开发者工具临时调试CSS，再通过userstyles.css固化效果，就能让特定网页按你想要的样子显示。
用开发者工具实时调试目标元素CSS
先确认你要改的元素在页面上真实存在，否则后续所有样式都无效。打开目标网页后，按F12唤出开发者工具→切换到Elements面板→用鼠标悬停页面区域，对应HTML节点会高亮；找不到时可右键目标文字→“检查元素”直接跳转。
在Elements面板左侧DOM树中点选目标节点（比如知乎文章标题的
），右侧Styles面板立刻列出所有生效的CSS规则。每条规则右侧若带删除线，说明被更高优先级样式覆盖；点击该属性名（如font-weight），能查看具体被哪条规则压掉。
直接在Styles面板里双击某条CSS声明的值（比如color: #333），输入新值#0055aa回车，页面立刻变色。这一步不保存，刷新即丢，但能快速验证效果是否符合预期。
若想批量改同类元素，比如把豆瓣电影页所有评分数字统一加大：切到Console面板→粘贴document.querySelectorAll(".rating").forEach(el => el.style.fontSize = "20px");→回车执行。注意：【querySelectorAll返回空数组时不会报错，但也不会生效，务必先确认选择器能匹配到真实DOM节点】。
提取有效规则并写入userstyles.css
调试满意后，必须把关键CSS规则固化下来，否则下次打开页面还得重来。第一步是复制真正起效的那条规则——不是源码里写的原始规则，而是Elements面板Styles里最终计算出的那条（带文件路径和行号的）。
方法一：从Styles面板直接复制整条规则 → 打开userstyles.css文件 → 粘贴进去 → 在末尾加上!important（例如font-size: 20px !important;）。不加!important会导致网页自身CSS权重更高而失效。
方法二：若要限定只对豆瓣生效，必须加域名包裹。在userstyles.css里这样写：
@-moz-document domain("movie.douban.com") {
.rating { font-size: 20px !important; }
}
【userstyles.css文件路径必须严格正确：Windows为C:\Users\[用户名]\AppData\Local\Miaoxia\User Data\Default\CustomStyles\userstyles.css，文件编码必须是UTF-8，BOM头不能有】。
启用用户样式注入并验证效果
1、地址栏输入mi://flags回车→搜索user stylesheet→找到“Enable user stylesheet injection”→从Disabled改为Enabled→点击右下角Relaunch重启浏览器。
2、重启后打开目标网页（如豆瓣电影页），直接刷新页面。
3、若字体大小、颜色未变，先检查userstyles.css文件是否存放在正确路径且无中文乱码；再确认@-moz-document域名拼写是否完全一致（movie.douban.com不能写成www.douban.com）；最后看浏览器右上角是否有用户样式加载提示图标。
这一步操作起来很简单，直接刷新页面就能看到效果。如果没生效，重新检查userstyles.css路径和域名限定是否准确即可。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
