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

2019-08-02 08:33:14 +08:00
 weiruanniubi

我想在主页隐藏一个元素,使用了:

.test {

   display: none;

}

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

2042 次点击
所在节点    问与答
8 条回复
lanpong
2019-08-02 08:35:48 +08:00
你可以只在首页引入这个样式的。
或者直接写行内样式。
weiruanniubi
2019-08-02 08:39:21 +08:00
@lanpong 是用于 wordpress 的,因为 wp 发表文章后,会在首页直接展示全文,所以我想在首页把内容给隐藏掉,只显示标题。结果把内容页的内容也给隐藏了。
sNullp
2019-08-02 08:41:49 +08:00
人家一楼不正是回答你需求的解决方案吗
wildnode
2019-08-02 08:44:09 +08:00
加个层级

.home .test { display: none; }
weiruanniubi
2019-08-02 08:50:40 +08:00
@wildnode 多谢,解决了。
ismumu
2019-08-02 10:55:58 +08:00
起一个很牛逼的名字,比如:.asdfsdfihk123h12hkasdfhakfdaf {}
galikeoy
2019-08-02 11:09:35 +08:00
@ismumu #6 这很牛逼吗。。。
catch
2019-08-02 12:21:35 +08:00
加个状态
class="test a"

.test.a {
display: none;
}

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

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

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

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

© 2021 V2EX