如何用Tampermonkey修改max-h-80类的max-height属性？

直接给你能生效的脚本和操作步骤，解决你遇到的问题：

一、可用的Tampermonkey脚本 #

新建脚本，替换默认内容为以下代码：

// ==UserScript==
// @name         Bato.to 评论区高度扩展
// @namespace    http://tampermonkey.net/
// @version      0.1
// @description  把bato.to评论区最大高度翻倍，接近移动端显示效果
// @author       You
// @match        https://bato.to/*
// @grant        none
// ==/UserScript==

(function() {
    'use strict';

    // 方法1：强制覆盖原有CSS样式（优先级最高）
    const customStyle = document.createElement('style');
    customStyle.textContent = `
        .max-h-80.overflow-y-hidden {
            max-height: 40rem !important; /* 原20rem翻倍，对应约560px */
            overflow-y: auto !important; /* 可选：让超出内容可滚动，避免截断 */
        }
    `;
    document.head.appendChild(customStyle);

    // 方法2：动态加载元素兜底（防止评论区异步加载）
    setTimeout(() => {
        const commentContainers = document.querySelectorAll('.max-h-80.overflow-y-hidden');
        commentContainers.forEach(container => {
            container.style.maxHeight = '40rem';
            container.style.overflowY = 'auto';
        });
    }, 1000);
})();

二、操作步骤 #

1. 打开Tampermonkey插件面板，点击「添加新脚本」
2. 删除默认模板代码，粘贴上面的脚本
3. 按Ctrl+S保存，刷新bato.to的评论页面即可生效

三、为什么你之前的尝试失败 #

• 没加!important：网站原有CSS优先级更高，你的修改会被覆盖
• 脚本执行时机不对：评论区可能是异步加载的，提前执行找不到目标元素
• 选择器不够精准：同时匹配.max-h-80和.overflow-y-hidden，避免误改其他同名元素

内容的提问来源于stack exchange，提问作者Arkios Shepard