blocks|key|2537667|text|要么使用后端代码为主页标题提供特定的id，要么在主页本身上使用页面内的css：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2537668|h2.page-title+{+
++display:none;
}|code-block|syntax|javascript|2537669|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

<p>Either use backend code to give your home page title a specific id, or use in-page css on the home page itself:</p>

<pre><code>h2.page-title { 
  display:none;
}
</code></pre>


blocks|key|2537643|text|您需要将样式添加到仅主页，或者有一个类指示您当前正在查看主页：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2537644|h2.page-title是选择元素的非常具体的方式，但它会影响所有页面。|offset|length|style|CODE|2537645|如果您知道类只会发生在一个.page-title元素上，那么h2就可以工作。|2537646|如果在主体上使用类，则可以执行以下操作：|2537647|body.frontpage+h2.page-title|code-block|syntax|javascript|2537648|或body.frontpage+.page-title取决于您想要的具体程度。|2537649|我建议尽可能通用，以避免特定问题。|2537650|entityMap^0|0|0|D|0|D|B|0|0|0|1|Q|0|0^^$0|@$1|2|3|4|5|6|7|W|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|X|8|@$D|Y|E|Z|F|G]]|9|@]|A|$]]|$1|H|3|I|5|6|7|10|8|@$D|11|E|12|F|G]]|9|@]|A|$]]|$1|J|3|K|5|6|7|13|8|@]|9|@]|A|$]]|$1|L|3|M|5|N|7|14|8|@]|9|@]|A|$O|P]]|$1|Q|3|R|5|6|7|15|8|@$D|16|E|17|F|G]]|9|@]|A|$]]|$1|S|3|T|5|6|7|18|8|@]|9|@]|A|$]]|$1|U|3|-4|5|6|7|19|8|@]|9|@]|A|$]]]|V|$]]

<p>You will need to add a style to just the home-page, or have a class that indicates that you're currently viewing the homepage:</p>

<p><code>h2.page-title</code> is the very specific way of selecting the element, but it will affect all pages.</p>

<p><code>.page-title</code> could work if you know the class is only going to ever happen on an h2 element.</p>

<p>If you're using a class on the body you could do the following:</p>

<pre><code>body.frontpage h2.page-title
</code></pre>

<p>or <code>body.frontpage .page-title</code> depending on how specific you want to be.</p>

<p>I recommend being as generic as possible to avoid specificity issues.</p>


blocks|key|418305|text|我会给您的<html>元素一个id+(每个页面都是唯一的)：|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|418306|<html+id='{pageid}'>
...
<h2+class='page-title'>+{title}+</h2>
...
</html>|code-block|syntax|javascript|418307|然后使用选择器|418308|#home+.page-title+{+display:+none+}|418309|entityMap^0|5|6|0|0|0|0^^$0|@$1|2|3|4|5|6|7|Q|8|@$9|R|A|S|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|T|8|@]|D|@]|E|$I|J]]|$1|K|3|L|5|6|7|U|8|@]|D|@]|E|$]]|$1|M|3|N|5|H|7|V|8|@]|D|@]|E|$I|J]]|$1|O|3|-4|5|6|7|W|8|@]|D|@]|E|$]]]|P|$]]

<p>I would give your <code>&lt;html&gt;</code> element an id (unique for each page):</p>

<pre><code>&lt;html id='{pageid}'&gt;
...
&lt;h2 class='page-title'&gt; {title} &lt;/h2&gt;
...
&lt;/html&gt;
</code></pre>

<p>Then use the selector</p>

<pre><code>#home .page-title { display: none }
</code></pre>


blocks|key|2537727|text|如果您有一个CMS或类似的东西，将内容转储到一个模板中，那么我认为您最好使用javascript来实现这一点。我不知道css中有一个用于元素innerText的选择器。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2537728|我通常使用jquery库--我推荐如下：|2537729|$(document).ready(function()+{+
++++$("h2.page-title:contains('Home')").css('display',+'none');+
}|code-block|syntax|javascript|2537730|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|L|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|M|8|@]|9|@]|A|$G|H]]|$1|I|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|J|$]]

<p>If you have a CMS or something similiar, dumping content into a single template, then I think you're better off with javascript for this.  I don't know of a selector in css for innerText of an element.</p>

<p>I commonly use the jquery library - I would recommend something like:</p>

<pre><code>$(document).ready(function() { 
    $("h2.page-title:contains('Home')").css('display', 'none'); 
}
</code></pre>


blocks|key|2537750|text|这最好是通过相同的服务器端语言来动态生成，您只需添加一个条件，如果页面是'Home‘，什么都不输出。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2537751|如果这不是您的选择，我建议Mel的方式，因为它将简单地工作，而且不需要javascript。|2537752|此外，我认为Mel的代码应该在您想要隐藏的h2之上，并封装到<style></style>标记中。|offset|length|style|CODE|2537753|entityMap^0|0|0|U|F|0^^$0|@$1|2|3|4|5|6|7|L|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|M|8|@]|9|@]|A|$]]|$1|D|3|E|5|6|7|N|8|@$F|O|G|P|H|I]]|9|@]|A|$]]|$1|J|3|-4|5|6|7|Q|8|@]|9|@]|A|$]]]|K|$]]

<p>This is best done by the very same server-side language which is used to dynamically generate this, you simply add a condition that if page is 'Home' nothing is outputted.</p>

<p>If this is not an option for you, I'd suggest Mel's way as it will simply work, and there's no need for javascript.</p>

<p>Also I think Mel's code should be above the h2 you want to hide, and wrapped into <code>&lt;style&gt;&lt;/style&gt;</code> tags.</p>


<p>Sorry for vague title, I am not able to describe my question in one line. question is regarding page titles, which are generated from common backend template, which is</p>

<pre><code>&lt;h2 class='page-title'&gt; {title} &lt;/h2&gt;
</code></pre>

<p>where {title} is dynamically generated by application. so I will have one  on each page of my site generated from that same template. </p>

<ol>
<li>About page: <code>&lt;h2 class='page-title'&gt;About&lt;/h2&gt;</code></li>
<li>Services page: <code>&lt;h2 class='page-title'&gt;Service&lt;/h2&gt;</code></li>
<li>Home Page: <code>&lt;h2 class='page-title'&gt;Home&lt;/h2&gt;</code></li>
</ol>

<p>What I want to do is, to hide that  from 3. Home page, but let it display on all other pages using CSS or Javascript. I stupidly tried <code>h1 {display:none}</code> but that just hides everything, I only want to hide <code>&lt;h2 class='page-title'&gt;Home&lt;/h2&gt;</code></p>

<p>Any idea on how to do that?</p>


Which CSS selector to use?

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

对不起标题含糊不清，我不能用一句话来描述我的问题。问题是关于页面标题，它是从公共后端模板生成的，<h2 class='page-title'> {title} </h2>其中{title}是由应用程序动态生成的。因此，我将有一个在我的网站的每一页从相同的模板生成。<h2 class='page-title'>About</h2>Services页面：<h2 class='page-title'>S

问使用哪个CSS选择器？
EN

回答 5

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问使用哪个CSS选择器？EN

回答 5

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问使用哪个CSS选择器？
EN