写点什么

用 Stylish 精简极客时间专栏页面

用户头像
fightingtao
关注
发布于: 2021 年 02 月 22 日
用Stylish精简极客时间专栏页面

Stylish 是一款可以给任何网页自定义样式的浏览器插件。


本文目标要精简掉左侧导航栏的固定的极客时间 logo、作者模块、右边内容页的顶部标题栏,原页面显示为:


精简后显示如下:


Stylish 插件的设置:

样式:

/* 左侧栏 class name:1ysv2txS0 */.1ysv2txS0 > div:nth-child(1) > div:nth-child(1) {display:none;}.1ysv2txS0 > div:nth-child(1) > div:nth-child(2) {display:none;}.1ysv2txS0 > div:nth-child(1) > div:nth-child(3) {top:0;}/* 内容栏 class name:1Qizgym_0 */.1Qizgym_0  > div:nth-child(1){display:none;}.1Qizgym_0  > div:nth-child(2){top:0;}
复制代码

写好样式后点击左侧“保存”按钮,相应页面就会被应用你的自定义样式,另外你写的样式还可以发布到 userstyles.org供他人使用。


*Stylish 的 CSS 不能用 id 选择符,所以,如果极客时间页面版本更新,class name 估计会改变,如果失效,就再更新里面的 class name。


发布于: 2021 年 02 月 22 日阅读数: 11
用户头像

fightingtao

关注

还未添加个人签名 2018.02.12 加入

还未添加个人简介

评论

发布
暂无评论
用Stylish精简极客时间专栏页面