Question

我想隐藏网站上的标题文字。

因为相同的元素＆＃34; h2＆＃34;已被用于多个页面，我无法应用＆＃34; display：none＆＃34;它。

我试过了。结果是它也将删除其他页面的标题。

有没有办法应用CSS，只有在标题文本包含特定单词时才会隐藏？

如果我能得到任何帮助，我将不胜感激

Answer 1

在您要隐藏的H2标签中，您可以申请一个班级。

<html>
<head>
   <style>
      .hide-me { display: none; }
   </style>
</head>
<body>
    <h2>First header</h2>
    <h2 class="hide-me">Your header</h2>
</body>
</html>

将标记移动到CSS文件中会更好，但这可以实现您想要的效果。

Answer 2

如果我理解正确，您可以通过删除特定页面上的html或内联css来隐藏标题，只能在您要隐藏它的页面上隐藏。

<header style="display: none;"></header>

编辑：如果您只能访问css（不是html或js），除非元素具有唯一的父元素，属性或其他内容，否则无法实现此目的。您可以找到css选择器列表here。

Answer 3

您只需在特定标头中添加一个ID并为其应用样式即可。 CSS 101。

<head>
  <style> //Internal CSS 
       #hide {
       display: none;
       }
  </style>
</head>
<body>
      <h2 id="hide"> Hello World </h2>
      <h2> ... </h2>
      <h2> ... </h2>
</body>

如果要从外部文件应用相同的样式，请复制标记内的样式并将其粘贴到style.css文档中。

最后和最少使用的方法是使用内联CSS：

<h2 style="display: none"> ... </h2>

此处更多参考：https://developer.mozilla.org/en-US/docs/Web/CSS/display

如果您想在多个地方使用相同的风格，请使用“class”而不是id。

    <head>
      <style> //Internal CSS 
           .hide {
           display: none;
           }
      </style>
    </head>
    <body>
          <h2 class="hide"> Hello World </h2>
          <h2> ... </h2>
          <h2 class="hide"> Lorem Ipsum </h2>
    </body>

Answer 4

CSS中无法通过其内容选择任何内容。您只能根据其兄弟姐妹的ID，类，其他属性，特定祖先，特定的兄弟姐妹或序列号来选择元素。因此，如果您使用特定元素的特殊样式并控制标记，最简单的方法是将此元素设置为类或ID，如上所述。

如何使用CSS隐藏标题包含特定文本

4 个答案: