hi-linux 奇妙的 Linux 世界 CSS解密 显示全文

TL;DR

div#read-more-wrap {

  display: none;

}

div#vip-container {

  height: auto !important;

}

奇妙的 Linux 世界 有几篇文挺好的. 比如,

ptcpdump 新一代抓包神器，可捕获任何进程、容器或 Pod 的网络流量

一文带你搞懂旁路由的原理与配置

为什么只有 13 台根服务器

但是, 要说"但是"了.

首先, 要看全文需要加微信公众号, 发口令, 得到验证码.

其次, 这些文章也不是原创, 都是从别的地方采集的.

比如,

ptcpdump: 抓包时显示进程信息以及对任意进程、容器或 Pod 进行抓包

https://mozillazg.com/2024/07/ebpf-ptcpdump-capturing-the-network-traffic-of-a-process-or-container-or-pod.html

旁路由的原理与配置一文通

https://easonyang.com/posts/transparent-proxy-in-router-gateway/

为什么只有13台根服务器

https://taoshu.in/dns/13-roots.html

* 多说一句, 原博客都挺不错的, 可以多看几篇.

那我就想能不能CSS"解密"一下了.

========

过程并不难

F12 开发者工具

箭头工具 选中这个 "阅读全文"

找更上一层的父元素, id="read-more-wrap", 可以看到这个 warp 是包括了 半透明的mask 以及 "阅读全文" 按钮btn的

给它增加一个 display: none 属性, 就不显示了.

应用到 CSS 修改插件上, 就是

div#read-more-wrap {

  display: none;

}

具体操作请参数此视频 https://www.youtube.com/watch?v=AnBbUC8jC7Y

这一步操作完之后, 对比原文, 发现正文并没有显示完整.

进一步的, 用箭头选择HTML元素, 找到了这个 id="vip-container"

并且, 高度是设定了的.

同样的, 我们为其添加一个 height: auto 属性

但是并没有起效果.

为了CSS设置强制生效, 我们加上 !important 后缀.

效果就达到了, 正文内容完整的显示了.

应用到 CSS 修改插件上, 就是

div#vip-container {

  height: auto !important;
}

具体操作请参数此视频 https://www.youtube.com/watch?v=AnBbUC8jC7Y

========

完