如何在 Stack Overflow 网站上减少内容区域的 padding-top

【问题标题】：How to reduce padding-top of content area on the Stack Overflow website如何在 Stack Overflow 网站上减少内容区域的 padding-top
【发布时间】：2019-01-22 20:23:37
【问题描述】：

我想为 Stack Overflow 网站的 content 区域减小 padding-top 的大小 - 使用一些使用 Tampermonkey 应用的自定义 CSS 代码。

我正在谈论的元素称为div#content，目前padding-top 设置为24px。我想减少这个填充，但保持其他填充相同。

这是一个使用 Tampermonkey 的最小模板：

// ==UserScript==
// @name        stackoverflow_reducepaddingtop
// @match       *://stackoverflow.com/*
// @grant       GM_addStyle
// @run-at      document-start
// ==/UserScript==

GM_addStyle ( ` ` );

【问题讨论】：

标签： css tampermonkey

【解决方案1】：

参考：

除了实际的 CSS 之外，您的脚本是完整的。这样就完成了：

// ==UserScript==
// @name        stackoverflow_reducepaddingtop
// @match       *://stackoverflow.com/*
// @grant       GM_addStyle
// @run-at      document-start
// ==/UserScript==

GM_addStyle ( `#content {padding-top: 0px !important;}` );

请注意，那个确切的选择器可能不需要!important; 标志（现在），但是您可以使用的其他 CSS 在 Stylus 或 GM_addStyle 场景中确实需要它。（尤其是使用document-start时。）

【讨论】：