问题标签 [stylish]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
2 回答
161 浏览

css - 如何判断一个 URL 包含一个特定的单词和一个大于一的数字,但它不是在开头

对不起这个灾难性的标题,很难简明扼要地说出我需要什么。

我正在写一个用户脚本。

我希望用户脚本仅适用于网站的特定部分,但我想要的部分不在 URL 的开头,所以我不能这样做URL starts with:

我知道我可以URLs matching the regular expression:改用,但我不知道怎么写,所以它选择了我想要的部分。

我要隔离的 URL 部分位于最后。

我已经找了好几天了。我没有找到适合我的例子。

URL 如下所示:

http://www.website.com/some/extra/words/seriously-lots/of/more/stuff/page=3

我想隔离1之后的任何页面。用户脚本不应该在第 1 页上激活。只有它之后的页面。所以我正在寻找可以隔离的东西,page=(>1)但我不知道它是否存在。

0 投票
3 回答
654 浏览

regex - RegEx-Stylish - 排除某些页面

我正在尝试在浏览器的时尚插件上使用正则表达式来匹配网站。

此正则表达式需要匹配一个域(我们将其命名website.com

这就是它应该如何工作:

  • 允许的任何子域
  • http 或 https 也是
  • website.com/team* => 不允许
  • website.com/forum* => 不允许
  • website.com* => 允许

从字面上看,这意味着它应该适用于网站的任何页面,但在 .com 之后与 /team 或 /forum 的任何链接都不起作用。

我试过了

((\w+)*\.\w{2,6})(\/)(?!team|forum)([^\s]+)

但它不起作用,我不知道如何使它只匹配域website.com

还有一个问题,这种正则表达式是否适用于 Stylish?我在 Google 上没有找到任何关于它的信息

0 投票
4 回答
856 浏览

javascript - 删除网站上部分 img href 的脚本

我在 PrimaGames.com 上启动了游戏指南。文字一切都很好,但图像已经破坏了src。这是一个例子:

在 src URL 的末尾,您会注意到这个奇怪的字符串:
/PRIMAP/resize/700x-1>

我正在寻找一个脚本(Stylish、Tampermonkey 等),我可以将其应用于 PrimaGames.com,以便它自动删除 src URL 的该部分,从而显示相关的图像。

0 投票
1 回答
109 浏览

css - 如何从 userContent.css 中的正则表达式中排除两个术语?

我正在尝试为我的 Google 搜索结果页面修改 CSS 代码的某些方面。我通过userContent.css在 Firefox 中编辑我的文件来做到这一点。

我正在尝试修改主要结果页面(https://www.google.co.uk/search?q=SSD)。

但不在图片页面 ( https://www.google.co.uk/search?q=SSD&tbm= isch ) 或购物结果页面 ( https://www.google.co.uk/search?q=SSD&tbm =商店)。

根据此处提供的答案,我添加了以下代码:

@-moz-document regexp('https://www\\.google\\.co\\.uk.*(?!isch|shop).*')

isch但是排除or似乎不起作用shop

有人可以帮忙吗?

谢谢

0 投票
0 回答
65 浏览

css - 使用 Stylish 调整特定 div 类的填充宽度?

我正在尝试调整我访问的 Twitter 页面顶部的填充,以弥补使用广告拦截器阻止了烦人的元素。我已将需要调整的 html 确定为 div class="topbar-spacer" style=" padding-top: 108px ;"

我尝试的修复是:

但这似乎不起作用,我不确定为什么。

0 投票
1 回答
305 浏览

css - 更改 Bitbucket 差异颜色的脚本

我的红/绿色盲很严重,当我在 BitBucket 上审查拉取请求时,我真的很难区分它上面的红色和绿色。几年前,我有一个朋友在 Stylish 插件上写的一个小脚本来改变颜色(变成蓝色和深红色),这非常棒并且非常有用。但是我已经把它弄丢了,而且我对这种编码的经验还不够重写它。

任何人都可以给我一些这样做的指示吗?

谢谢

0 投票
2 回答
122 浏览

html - 当源 HTML 有多个嵌套标签时,如何在 CSS 中选择标签?

我正在为 Kaplan 网站测试制作一个黑暗模式,这样我就不会盲目地学习。

以下 HTML 代码代表了源代码的结构,带有 id="stylish-23" 的标签是 chrome 扩展添加的,用于更改页面的 CSS 样式:

我放入div#divQuestions了样式标签的 CSS,它似乎根本没有任何效果。由于扩展的性质和限制,我只能将 CSS 添加到样式标签,而 CSS 似乎无法选择 HTML 标签(或者至少当我这样做时,什么也没有发生)。我注意到在开发者控制台中将样式标签拖到 html #4 中会正确应用 CSS。

有问题的元素来自检查的 CSS: 有问题的元素的 CSS 来自检查

我在样式标签中的 CSS:

谢谢您的帮助!

0 投票
1 回答
32 浏览

html - 是否可以选择共享同一 Css 课程的孩子,而不知道前面的课程?

上下文(跳过问题): 在为在线打字游戏 Typeracer(在 Css 中)设计时尚主题时,我偶然发现了这个问题:

随着用户的进行,已经输入的文本部分会从灰色变为绿色。我想将这种绿色更改为任何其他颜色。 Typeracer 上的文本进度界面是什么样的

让它变得困难的是,这个块被分成多个跨度,没有任何 id,它们被分配了多个随机类——每场比赛都不同,并且在比赛期间发生变化文本进度界面架构示例

撇开最后一个跨度,它在上面的屏幕截图中折叠,我们不感兴趣——不同数量的跨度代表已经输入的文本部分,而不同数量的其他跨度代表没有输入的部分typed yet(在上面的屏幕截图中,前两个 span 包含“typed”部分,而后两个 span 代表“not typed”部分。但在同一场比赛的后期,这些数字可能变为 1 和 2,或 3 和1等)

然而,我注意到表示已键入文本的跨度和表示尚未键入的文本的跨度共享相同的第一类:在屏幕截图 #2 的示例中,“已键入”部分跨度具有“vdFKqLpl”为他们的第一堂课,而“尚未输入”部分跨度将“CARsHknB”作为他们的第一堂课。

我试图通过他们的 style.color 属性来选择第一组跨度:

但我无法得到任何结果。

问题: 是否可以使用 css 来选择共享同一个类的子元素,而无需明确知道该类是什么?

例如,如果父 div 是:

其中“vdFKqLpl”和“CARsHknB”是我无法提前知道的随机属性类,是否可以选择前两个 div,它们共享“vdFKqLpl”作为它们的第一类?

0 投票
2 回答
184 浏览

css - Gatsby 构建 webpack 因手写笔而失败

当我运行 gatsby build 我得到这个错误:

怎么解决?运行 gatsby develop 时没有错误。

0 投票
1 回答
77 浏览

html - 访问链接的文本装饰线

我为 Stylish 尝试了此代码的不同变体:

对于“直通”访问的链接,我需要做什么?