CSS 如何仅在指定页面隐藏某一元素？

2019 年 8 月 2 日
 weiruanniubi

我想在主页隐藏一个元素，使用了：

.test {

   display: none;

}

但是这样一来，在全站这个元素就都被隐藏了，怎么才能只让它在首页隐藏呢？

2615 次点击
所在节点    问与答
8 条回复
lanpong
2019 年 8 月 2 日
你可以只在首页引入这个样式的。
或者直接写行内样式。
weiruanniubi
2019 年 8 月 2 日
@lanpong 是用于 wordpress 的，因为 wp 发表文章后，会在首页直接展示全文，所以我想在首页把内容给隐藏掉，只显示标题。结果把内容页的内容也给隐藏了。
sNullp
2019 年 8 月 2 日
人家一楼不正是回答你需求的解决方案吗
wildnode
2019 年 8 月 2 日
加个层级

.home .test { display: none; }
weiruanniubi
2019 年 8 月 2 日
@wildnode 多谢，解决了。
wb500
2019 年 8 月 2 日
起一个很牛逼的名字，比如：.asdfsdfihk123h12hkasdfhakfdaf {}
dfourc
2019 年 8 月 2 日
@ismumu #6 这很牛逼吗。。。
catch
2019 年 8 月 2 日
加个状态
class="test a"

.test.a {
display: none;
}

这是一个专为移动设备优化的页面（即为了让你能够在 Google 搜索结果里秒开这个页面），如果你希望参与 V2EX 社区的讨论，你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://v2ex.ih06.com/t/588394

V2EX 是创意工作者们的社区，是一个分享自己正在做的有趣事物、交流想法，可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX