如何仅在首页移除指定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
相关产品推荐
相关产品推荐

