首先强制刷新并清除Safari缓存，再通过修改CSS链接参数、使用无痕模式或开发者工具禁用缓存，确保更新的样式生效。
如果您在开发网页时修改了CSS文件，但Safari浏览器仍显示旧样式，则可能是由于缓存机制导致新样式未能及时加载。以下是解决此问题的步骤：
本文运行环境：MacBook Pro，macOS Sonoma
一、强制刷新页面并清除网页缓存
通过强制刷新可以跳过本地缓存，重新下载网页资源，包括最新的CSS文件。
1、确保Safari已开启“开发”菜单。若未开启，请进入Safari偏好设置中的“高级”选项，勾选在菜单栏中显示“开发”菜单。
立即学习“前端免费学习笔记（深入）”；
2、打开需要更新样式的网页，点击菜单栏的“开发”选项。
3、选择清空缓存，等待缓存清除完成。
4、按下 Option+Command+E 快捷键，或再次通过“开发”菜单选择重新载入忽略缓存，强制重新加载所有资源。
二、修改CSS文件链接参数触发更新
通过更改HTML中引入CSS文件的URL参数，使浏览器认为这是一个新的资源请求，从而绕过缓存。
1、找到HTML文件中引用CSS的标签，例如：<link rel="stylesheet" href="style.css">。
2、在文件名后添加查询参数，如版本号或时间戳。修改为：<link rel="stylesheet" href="style.css?v=1.1">。
3、每次更新CSS时递增版本号，例如将v=1.1改为v=1.2，确保浏览器加载最新文件。
三、使用无痕浏览模式测试样式
无痕模式默认不使用缓存，适合用于验证新样式是否正确生效。
1、在Safari菜单中选择“文件” → 新建无痕窗口。
2、在新开的无痕窗口中访问您的网页地址。
3、检查页面是否应用了最新的CSS样式，以确认服务器端文件已正确部署。
四、通过开发者工具禁用缓存
在开发过程中，可直接通过开发者工具设置永久禁用资源缓存，确保每次加载均为最新版本。
1、打开Safari的“开发”菜单，点击显示网页检查器。
2、在检查器界面中，点击右上角的设置图标（齿轮图标）。
3、在弹出的设置面板中，勾选停用缓存（资源）选项。
4、保持该设置开启状态，此后所有页面加载都不会使用缓存资源。
