You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何仅在首页移除指定class的div元素 首页CSS编辑器代码插入方法

首页移除指定元素的CSS实现方案

你需要移除的目标元素同时绑定了fs_img_header和header_video_fs_view两个专属类,通过类选择器可精准匹配,不会误删其他元素,根据你使用的CSS编辑器类型,选择对应代码即可:

  • 若使用全站通用CSS编辑器:需要增加首页独有标识限定生效范围,绝大多数建站系统的首页body标签会自带home或front-page专属类,使用以下代码即可仅在首页隐藏目标元素:
body.home .fs_img_header.header_video_fs_view {
    display: none !important;
}

如果代码不生效,可打开浏览器开发者工具,查看首页body标签的实际class属性值,将代码中的home替换为实际的首页独有类即可。

  • 若使用首页专属CSS编辑器(即该编辑器插入的CSS仅在首页加载),直接使用简化版代码即可:
.fs_img_header.header_video_fs_view {
    display: none !important;
}

异常处理

如果添加代码后元素位置出现空白占位,可替换为以下代码清除占位:

.fs_img_header.header_video_fs_view {
    visibility: hidden;
    height: 0 !important;
    overflow: hidden;
    margin: 0 !important;
    padding: 0 !important;
}

内容的提问来源于stack exchange,提问作者Stone Soft

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.10.03 15:00:06