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

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

这是一个创建于 1940 天前的主题，其中的信息可能已经有所发展或是发生改变。

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

.test {

   display: none;

}

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

8 条回复 • 2019-08-02 12:21:35 +08:00

lanpong

2019-08-02 08:35:48 +08:00 via iPhone

你可以只在首页引入这个样式的。
或者直接写行内样式。

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 via iPhone

加个层级

.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;
}