javascript - 使用哪个 CSS 选择器？

Question

抱歉，标题模糊，我无法用一句话描述我的问题。问题是关于页面标题，它是从通用后端模板生成的，它是

<h2 class='page-title'> {title} </h2>

其中 {title} 由应用程序动态生成。所以我将在我网站的每个页面上都有一个从同一模板生成的。

1. 关于页面:<h2 class='page-title'>About</h2>
2. 服务页面:<h2 class='page-title'>Service</h2>
3. 主页:<h2 class='page-title'>Home</h2>

我想做的是，从 3. 主页隐藏它，但让它显示在使用 CSS 或 Javascript 的所有其他页面上。我傻傻地试了h1 {display:none}但这只是隐藏了一切，我只想隐藏<h2 class='page-title'>Home</h2>

知道怎么做吗？

Answer 1

要么使用后端代码为您的主页标题指定一个特定的 id，要么在主页本身上使用页内 css:

h2.page-title { 
  display:none;
}