如何在宙斯浏览器中配置自定义CSS样式美化指定网站

老芳君_5171

老芳君_5171

2026-11-03

558人浏览

原创

宙斯浏览器可通过高级屏蔽功能或Stylus扩展精准控制CSS仅对指定网站生效:高级屏蔽需在“匹配网址”填完整协议+域名+通配符;Stylus支持@match规则与正则匹配,可实现条件化样式注入;自定义起始页HTML则用于美化新标签页。

如何在宙斯浏览器中配置自定义css样式美化指定网站

你想让某个网站显示得更清晰、排版更顺眼,或者彻底隐藏干扰元素,但又不想影响其他网页——这时候必须精准控制CSS只对指定网站生效,而不是全局覆盖。宙斯浏览器不提供Safari那样的内置样式表功能,也不支持直接编辑用户CSS文件而不重启,因此需借助其原生屏蔽系统或扩展能力实现。

用高级屏蔽功能手动添加CSS选择器规则

这是最稳定、无需额外扩展、且能精确绑定域名的方案,适用于已知结构特征的网站(如含“ad”“hot”“recommend”类名的模块)。

第一步:点击右上角【≡】→【设置】→【隐私与安全】→【高级屏蔽】。

第二步:点击【+ 添加规则】→ 在“选择器”栏输入你要应用的CSS样式,例如:.main-content { max-width: 960px !important; margin: 0 auto !important; } .ads-container { display: none !important; }。注意:这里填的是纯CSS声明,不是选择器语法;若要写选择器,请用下一节方法。

第三步:“匹配网址”栏必须填写完整协议+主域名+通配符,例如:https://www.zhihu.com/* 或 https://github.com/*;填成 zhihu.com 或 */feed 将导致规则仅对当前页临时生效或完全不触发。

第四步:点击【保存规则】,刷新目标网站页面,样式立即注入并生效。该规则不会影响其他域名,也不依赖网络请求。

用Stylus扩展注入全站或条件化CSS

当网页自身CSS使用了!important锁死样式,或你需要更灵活的媒体查询、变量定义、字体替换等进阶能力时,Stylus是唯一可靠选择。

方法一:安装并创建基础全站样式

在地址栏输入 zeus://extensions → 点击“从Chrome网上应用店安装” → 搜索“Stylus”并添加。

安装后点击工具栏Stylus图标 → “创建新样式” → 粘贴以下模板代码:

CSS工具箱(专业版)
CSS工具箱(专业版)

全功能 CSS 工程手册,覆盖性能优化、无障碍、设计系统与跨浏览器兼容。

下载
/* ==UserScript==<br>// @name 知乎阅读优化<br>// @namespace zeus-stylus<br>// @version 1.0<br>// @description 适配知乎正文排版与字体<br>// @match https://www.zhihu.com/*<br>// @grant none<br>==/UserScript== */<br>body { line-height: 1.7 !important; }<br>.QuestionPage .RichContent-inner { font-size: 18px !important; color: #333 !important; }<br>.Button--plain { display: none !important; }

将第7行的https://www.zhihu.com/*替换成你要美化的网站URL,支持通配符和正则(如https://*.csdn.net/*);保存后自动启用,刷新即见效果。

方法二:仅对含中文URL的站点生效(避开英文技术文档变形)

在Stylus新建样式时,把“适用网址”设为“正则匹配”,填入:https?://[^/]+\.[^/]{2,}/.*[\u4e00-\u9fa5].*。这样CSS只作用于URL中含中文字符的站点,像Stack Overflow、MDN这类纯英文站完全不受干扰。

通过自定义起始页HTML注入全局背景与基础样式

如果你希望新标签页打开时就呈现美化后的视觉风格(比如深色背景+圆角卡片+呼吸感间距),可绕过网页内容层,直接控制起始页DOM。

用手机文件管理器新建文本文件,命名为home_style.html,保存至/sdcard/Download/目录。

用Acode或DroidEdit打开该文件,粘贴以下代码:

<br><br><meta charset="UTF-8"><br><br><div style="max-width: 800px; margin: 4rem auto; padding: 2rem; background: rgba(255,255,255,0.05); border-radius: 12px; backdrop-filter: blur(10px);">
<br><h1 style="color: #e6e6e6; margin-top: 0;">欢迎回到宙斯</h1>
<br><p style="color: #a9a9a9;">已启用定制化起始页样式</p>
<br>
</div><br><br>

第4行style=中的CSS可自由修改,支持渐变、阴影、滤镜等现代属性;务必确认文件编码为UTF-8无BOM,否则中文会乱码。

在宙斯浏览器中点击【≡】→【设置】→【主页与新标签页】→【自定义网址】,输入:file:///sdcard/Download/home_style.html。

前端入门到VUE实战笔记:立即使用
在学习笔记中,你将探索 前端 的入门与实战技巧!

相关专题

更多
css
css

css是层叠样式表,用来表现HTML或XML等文件样式的计算机语言,不仅可以静态地修饰网页,还可以配合各种脚本语言动态地对网页各元素进行格式化。php中文网还为大家带来html的相关下载资源、相关课程以及相关文章等内容,供大家免费下载使用。

2023.06.15

5336

6

css居中
css居中

css居中:1、通过“margin: 0 auto; text-align: center”实现水平居中;2、通过“display:flex”实现水平居中;3、通过“display:table-cell”和“margin-left”实现居中。本专题为大家提供css居中的相关的文章、下载、课程内容,供大家免费下载体验。

2023.07.27

1137

5

css如何插入图片
css如何插入图片

cssCSS是层叠样式表(Cascading Style Sheets)的缩写。它是一种用于描述网页或应用程序外观和样式的标记语言。CSS可以控制网页的字体、颜色、布局、大小、背景、边框等方面,使得网页的外观更加美观和易于阅读。php中文网给大家带来了相关的教程以及文章,欢迎大家前来阅读学习。

2023.07.28

2018

6

css超出显示...
css超出显示...

在CSS中,当文本内容超出容器的宽度或高度时,可以使用省略号来表示被隐藏的文本内容。本专题为大家提供css超出显示...的相关文章,相关教程,供大家免费体验。

2023.08.01

4066

7

css字体颜色
css字体颜色

CSS中,字体颜色可以通过属性color来设置,用于控制文本的前景色,字体颜色在网页设计中起到很重要的作用,具有以下表现作用:1、提升可读性;2、强调重点信息;3、营造氛围和美感;4、用于呈现品牌标识或与品牌形象相符的风格。

2023.08.10

8425

11

什么是css
什么是css

CSS是层叠样式表(Cascading Style Sheets)的缩写,是一种用于描述网页(或其他基于 XML 的文档)样式与布局的标记语言,CSS的作用和意义如下:1、分离样式和内容;2、页面加载速度优化;3、实现响应式设计;4、确保整个网站的风格和样式保持统一。

2023.08.10

7131

7

css三角形怎么写
css三角形怎么写

CSS可以通过多种方式实现三角形形状,本专题为大家提供css三角形怎么写的相关教程,大家可以免费体验。

2023.08.21

2337

9

css设置文字颜色
css设置文字颜色

CSS(层叠样式表)可以用于设置文字颜色,这样做有以下好处和优势:1、增加网页的可视化效果;2、突出显示某些重要的信息或关键字;3、增强品牌识别度;4、提高网页的可访问性;5、引起不同的情感共鸣。

2023.08.22

3411

5

css禁止点击事件
css禁止点击事件

实现css禁止点击事件的方法有使用CSS的pointer-events属性和使用JavaScript禁用点击事件。本专题为大家提供点击事件相关的文章、下载、课程内容,供大家免费下载体验。

2023.08.23

3013

5

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
Sass 教程
Sass 教程

共14课时 | 1.6万人学习