首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

如何删除或隐藏每一个<p class="description">和使用tampermonkey的边框底部的东西?

要删除或隐藏每一个<p class="description">和使用Tampermonkey的边框底部的东西,可以通过以下步骤实现:

  1. 首先,需要安装Tampermonkey浏览器插件。Tampermonkey是一款用户脚本管理器,可以在浏览器中运行自定义脚本。
  2. 安装完成后,点击Tampermonkey插件图标,选择“创建新脚本”。
  3. 在脚本编辑器中,输入以下代码:
代码语言:txt
复制
// ==UserScript==
// @name         Remove Description and Bottom Border
// @namespace    your-namespace
// @version      1.0
// @description  Remove or hide <p class="description"> and bottom border using Tampermonkey
// @author       Your Name
// @match        *://*/*
// @grant        GM_addStyle
// ==/UserScript==

(function() {
    'use strict';

    // Remove <p class="description">
    var descriptions = document.querySelectorAll('p.description');
    descriptions.forEach(function(description) {
        description.remove();
    });

    // Hide bottom border
    GM_addStyle('body { border-bottom: none !important; }');
})();
  1. 修改脚本中的@name@namespace为你自己的名称和命名空间。
  2. 保存脚本,并返回浏览器页面。
  3. 刷新页面,你将看到所有<p class="description">元素被删除或隐藏,以及底部边框被隐藏。

请注意,以上代码是使用Tampermonkey插件来实现的,它可以在大多数主流浏览器上运行。此外,这个脚本是针对所有网页的,如果你只想在特定网页上应用该脚本,可以修改@match标签中的URL匹配模式。

关于Tampermonkey的更多信息和下载链接,你可以访问腾讯云的Tampermonkey产品介绍页面

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

浏览器用户脚本—打造自己专属页面

如何运行一个浏览器脚本 安装用户脚本管理器 首先需要安装一个脚本管理器插件,Tampermonkey支持Chrome、Firefox、Safari、Microsoft Edge等主流浏览器,可以在https...[add penguin user script] 运行用户脚本 安装之后打开刷新http://www.qq.com 页面就能看到页面已经改变!...[百度默认搜索结果页面] 如上图,百度默认搜索页面上会有搜索热点推荐,这很容易将注意力引导过去而忘了真正要搜索事情,所以就想把右侧边栏给隐藏掉。...jQuery,那么可以在头部注解块中通过@require来引入,然后脚本里就可以使用熟悉jQuery啦。...“谷歌一下"按钮,来使用谷歌搜索当前关键词并在新页面打开。

5.2K40

5 分钟,教你从零快速编写一个油猴脚本!

,用于确定脚本唯一性 @version 脚本版本号,用于脚本更新 @description 脚本描述信息 @author 作者 @require 定义脚本运行之前需要引入外部 JS,比如:jQuery...指定脚本运行时机 @icon 用于指定脚本图标,可以设置为图片 URL 地址 base64 字符串 2....// 授权 @grant GM_log // 在控制台打印日志 GM_log("Hello World"); 2-2 缓存管理 包含对缓存新增、获取、删除,在使用之前我们都需要使用关键字 @grant...接着,添加一个定时任务,获取每一页底部加载更多按钮 最后,判断元素存在时,执行点击操作即可 ......总结 本篇文章以一个简单实例讲解了编写一个油猴脚本完整流程 为了提升开发效率,实际编写脚本可以使用 VS Code 编译器,安装插件 Tampermonkey Snippets 后再进行用户脚本开发

2.7K30

理解 Css 布局 BFC

如果我们有足够多文本,它会环绕浮动图像边框,然后环绕整个区域。 I am a floated element....删除一些文本 这是因为当我们浮动一个元素时,文本所在宽度保持不变,为给浮动元素腾出空间而缩短是文本行框。这就是为什么背景边框会出现在浮动后面的原因。 我们通常有两种方法来解决这个布局问题。...这个 div 包含两个标签 p。外部 div 元素 margin-bottom 为 40 像素,标签 p 顶部底部 margin 都是 20 像素。...); color: #fff; } 因为 p 元素 margin 外部 div 上 margin 之间没有任何东西,所以两个会折叠,因此 p 最终与 div 顶部底部齐平。...不过无论如何,你现在应该已经理解了什么是 BFC,以及如何使用 overflow 其他方法来包裹浮动,以及知道了 BFC 可以阻止元素去环绕浮动元素,如果你想使用弹性网格布局可以在一些不支持他们浏览器中使用

1.4K00

理解 CSS 布局 BFC

如果我们有足够多文本,它会环绕浮动图像边框,然后环绕整个区域。...如果我删除了一些文本,那么就没有足够内容来包围图像,而且由于浮动被从文档流中脱离,所以边框会上升,并在图像下方,直到文本高度。 ?...这个 div 包含两个标签 p。外部 div 元素 margin-bottom 为 40 像素,标签 p 顶部底部 margin 都是 20 像素。...); color: #fff; } 因为 p 元素 margin 外部 div 上 margin 之间没有任何东西,所以两个会折叠,因此 p 最终与 div 顶部底部齐平。...不过无论如何,你现在应该已经理解了什么是 BFC,以及如何使用 overflow 其他方法来包裹浮动,以及知道了 BFC 可以阻止元素去环绕浮动元素,如果你想使用弹性网格布局可以在一些不支持他们浏览器中使用

1.1K00

前端入门学习--CSS

样式表定义如何显示 HTML 元素,就像 HTML 3.2 字体标签颜色属性所起作用那样。样式通常保存在外部 .css 文件中。...请务必使用正确HTML标签,就h1-h6表示标题p表示段落。 字体大小值是可以绝对相对大小。...下面的例子指定了一个表格thtd元素黑色边框: table,th,td { border:1px solid black; } 折叠边框 border-collapse属性设置边框是否杯折叠成一个单一边框隔开...: 0; } 最终元素总宽度计算公式是这样: 总元素宽度=宽度+左填充+右填充+左边框+右边框+左边距+右边距 元素总高度最终计算公式是这样: 总元素高度=高度+顶部填充+底部填充+上边框...position 属性四个值: static relative fixed absolute 元素可以使用顶部,底部,左侧右侧属性定位。

27.6K20

Safari 中简书登录框屏蔽

背景在借助腾讯混元助手屏蔽简书登录框中已经实现了Chrome 中屏蔽简书登陆框、右侧热门、左侧点赞、以及底部推荐。...--more-->实现排查原因首先,回顾一下:在 Chrome 中是如何移除登录框?...通过移除class="__copy-button" div 后面新增 div 来移除,即使用class="__copy-button"作为锚点来定位,但是在 Safari 中,查看源代码可以看到,并没有这个...这让我突然意识到,class="__copy-button"这个可能不是简书源代码中东西,而是Tampermonkey使用了某个脚本导致,而在 Safari中,缺失了这个脚本,所以没有这个东西。...:使用 js写一个暴力猴脚本,当 body 中有新增 maskDiv 时,且新增 maskDiv 子 div子 div 包含class="_23ISFX-mask"div时,移除maskDiv,如下图所示

16320

【Web技术】610- Web上图片技巧

editors=1100 调整图片大小 我们可以使用 一个伟大东西就是object-fitobject-position属性。...它们让我们可以控制 内容如何调整大小位置,就像CSS背景图片一样。...CSS背景图片 当使用CSS背景来显示图片时,需要一个有内容或特定宽度高度元素。通常情况下,背景图片主要用途应该是用于装饰。 如何使用CSS背景图片 很简单,我们需要一个元素。...如何做到这一点呢?对我来说,最好解决方案是使用内嵌式SVG。...使用HTML 与 使用方法 现在问题是,要添加一个内边框,我们不能使用内嵌框阴影,因为它在图片上不起作用。解决办法是将头像包裹在 中,并为内边框添加一个专用元素。

2.9K30

全栈之前端 | 10.CSS3基础知识之表单表格学习

属性 - 设置表格分隔边框距离 visibility 属性 - 设置表格其他元素是否可见不可见 table-layout 属性 - 设置表格单元格、行列宽带算法 caption-side...表格来呈现,所以此章节我们将学习如何有效地对 HTML 表格进行样式化,以及其相关CSS属性介绍实践。...visibility 属性 - 设置表格其他元素是否可见不可见 描述: 此属性可以显示隐藏元素而不更改文档布局,此外该属性还可以隐藏 元素中列。...*/ visibility: collapse; /* 对于表格元素隐藏表格列以及折叠弹性元素 ruby 元素会被隐藏,并且不占用任何空间 ,而对于其他元素,collapse 被视为与 hidden...语法参数: /* Keyword values */ empty-cells: show; /* 边框背景正常渲染 */ empty-cells: hide; /* 边框背景被隐藏 */

15810

04-老马jQuery教程-DOM节点操作及位置大小

用原先div内容作为新divclass,并将每一个元素包裹起来 <!...DOMCSS属性读写 3.1 简单获取元素内部宽高(不包括边框外边距) innerHeight() 获取第一个匹配元素内部区域高度(包括补白、不包括边框)。此方法对可见隐藏元素均有效。...-- 结果: --> HelloinnerWidth: 40 3.2 获取元素外部宽高(包括边框外边距) 3.2.1 outerHeight([options]) 概述...3.4 获取设置滚动条宽高 3.4.1 scrollTop([val]) 概述 获取匹配元素相对滚动条顶部偏移。此方法对可见隐藏元素均有效。...返回值:Object{top,left} 返回对象包含两个整型属性:top left。 为精确计算结果,请在补白、边框填充属性上使用像素单位。

6.1K00

【Java 进阶篇】深入了解 Bootstrap 全局 CSS 样式

这是红色文本。 这些样式可用于创建视觉吸引力背景和文本。 边框间距 边框间距样式在排版中也起到关键作用。...border-top、border-bottom、border-left、border-right:用于添加顶部、底部、左侧右侧边框。 m-1、m-2、m-3:用于设置不同大小外边距。...示例代码: 这是一个带边框内边距容器。 这是一个带顶部边框外边距容器。...Bootstrap 使用断点(breakpoint)来定义不同屏幕尺寸上样式变化。 以下是一些常见断点类: d-none、d-sm-none、d-md-none:用于在不同屏幕尺寸上隐藏元素。... 这个文本使用了自定义字体大小。 这样,您可以根据项目需求轻松自定义全局 CSS 样式。

31820

【译】Web中图像技术总结,前端开发中各种图片引入优点缺点及实例

你注意到了吗,右边图片即使还没有加载也会保留其空间吗?这是因为宽度高度已经设置好了。它有明显区别! Demo 1.2 用CSS隐藏图片 可以用CSS隐藏图片,但是它仍然会被加载到页面中。...但是,如果不需要 alt 描述,请不要删除,如果删除了就会读出图片src!这对可访问性(无障碍)环境是非常不利。...它们让我们可以控制 内容如何调整大小位置,就像CSS背景图片一样。...CSS背景图片 当使用CSS背景显示图片时,它需要一个具有内容或特定宽度高度元素。通常,背景图片主要用途应该是用于装饰目的。 2.1 如何使用CSS背景图片 简单来说,我们需要一个元素。...使用举例 4.1 Hero Section 在构建 hero section 时,我们有时需要在标题其他内容下面有一个图像。如下图所示: ? 注意这里有一个图像。你将如何构建它?

5.6K20

前端(一)-Html

Description(简介) description用来告诉搜索引擎你网站主要内容 author(作者) 标注网页作者 copyright(版权) 标注版权 generator 说明网站采用什么编辑器制作...10.4.1 hidden隐藏域 在浏览器中看不到隐藏域,但是在提交表单时可以看到隐藏内容被提交至服务器 <input type="hidden" value="666" name="userid...-- 讲解只读<em>和</em>禁用<em>的</em>语法,强调不能单写readonly<em>或</em>disabled,必须写readonly =”readonly”<em>和</em>disabled=“disabled”,介绍只读<em>和</em>禁用<em>的</em><em>使用</em>场合 --> 11、页面结构元素 11.1结构标签 header 页面<em>或</em>页面中某一区块<em>的</em>页眉,通常是一些引导<em>和</em>导航信息 nav 可以作为页面导航<em>的</em>连接组 section 页面中<em>的</em>一个内容区块...,通常由内容及其标题组成 article 代表一个独立<em>的</em>,完整<em>的</em>相关内容块,可独立于页面其他内容<em>使用</em> aside 非正文<em>的</em>内容,与页面的主要内容是分开<em>的</em>,被<em>删除</em>而不会影响到页面的内容 footer 页面<em>或</em>页面中某一个区块<em>的</em>脚注

4.3K20

HTML 基础

通用属性,大部分元素都会具备属性 (1). id 定义元素在页面中独一无二名称 (2). title 鼠标移入到元素上时所提示信息 (3). class 指定元素所引用类选择器(CSS 中使用)...上下会有垂直空白 15. 段落元素 (1). 水平对齐 (2). 特点 ①. 垂直空白 ②. 独占一行 16. 强制换行 17.... 预格式化 ,保留标记内格式(回车 空格) 21. 块级元素行内元素 (1). 块级元素,每一个块级元素独占一行, 块级元素主要作用布局 (2).... 表格 是由一些称之为单元格东西按照从左到右,从上到下顺序排列而成 (1). width 宽度以 px %为单位 (2). height 高度以 px %为单位...不规则表格,通过 td colspan rowspan 属性创建不规则表格、 ①. colspan 跨列合并,在一行中,从指定单元格位置处开始,横向向右合并几个单元格(包含自己),被合并掉单元格要删除

4.2K10

Web前端上万字知识总结

下面是自己学HTML+DIV+CSS+JS时学习笔记,给大家分享以下,相互学习。大二时候寒假在家无聊时候想做点事,总结了一下web前端基础东西,下面的每个字都是自己手敲。   ...1、 标签限定了文档开始结束点。   ...(11)、      显示地址如Email 6、段落标记   (1)、 表示一个段落开始     属性:dir   lang    align    class     id   ...,有独立滚动条边框     属性:class     id    style        title         frameborder             name       src         ...outset边框外嵌一个立体边框   (5)、方框属性:     Float 让文字环绕在元素四周     clear指定在某一元素某一边是否允许有环绕文字对象  clip限定只显示裁切

3.7K100

CSS高级技巧讲解

元素显示与隐藏 display -- block;(转换为块元素&& 显示) none(隐藏 && 不保留原来位置) -- 重要!...2.清除浮动 overflow -- hidden 内容超出部分隐藏(重点) scroll(强制出现滚动条样式) auto(根据内容多少来判断是否出现滚动条 ) 精灵技术 目的:为了有效地减少服务器接受发送请求次数...2.在html文件标签里面添加结构 3.在html文件样式style里面声明字体:告诉代码别人使用我们自己自定义字体(一定注意路径问题) 4.给盒子设置字体即可 追加字体图标 原来不能删除,继续使用...重新导入selection.json 生成 新字体包--》追加选择字体 --》点击下载 --》把之前项目中fonts删除--》替换成新字体包里面的fonts文件夹 css三角形 本质:还是利用了盒子边框...注意:只针对行内元素 行内块起作用。 通常用于 -- 图片和文本对齐问题去除图片底部空白缝隙问题。

86430

AngularDart4.0 指南- 表单 顶

一路上你将学习如何: 用组件模板构建一个Angular表单。 使用ngModel创建读取写入输入控制值双向数据绑定。 跟踪状态变化表单控件有效性。...你知道如何从早期页面做到这一点。 显示数据教导属性绑定。 用户输入显示如何使用事件绑定监听DOM事件以及如何使用显示值更新组件属性。 现在您需要同时显示,聆听提取。...它有一个绿色边框。 它具有类形式控制有效性。 2.通过添加一些字符来更改name。 类保持不变。 3.删除名称。 输入框边框变为红色。 is-invalid类替换为is-valid。...删除#spy模板引用变量使用诊断。 作为类绑定替代方法,可以使用NgClass指令来设置控件样式。...使用有效原始状态 当用户删除名称时,表单应该如下所示: ?

17.4K30
领券