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

我想从网站隐藏标题文本。如何使用CSS隐藏标题包含特定文本

因为在多个页面中使用了相同的元素“h2”，我无法对其应用“display：none”。

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

是否有一种方法可以应用CSS，以便只在标题文本包含特定单词时才隐藏？

我将感激所有帮助我可以来到这里

来源

2017-08-11 amyw

您可以使用javascript/jquery获取具有特定文本的h2并仅隐藏该元素。 – XardasLord

在要隐藏你的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文件中，但这样会达到您想要的效果。

来源

2017-08-11 06:36:08 phpmeh

嗨，感谢您的回复。我只编辑CSS文件进行修改。所以我不能修改html代码。是否有可能通过CSS来做到这一点？ – amyw

是的，但我们需要知道父元素是什么。你可以远离父母。你可以发布一些HTML到你的问题吗？ – phpmeh

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

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

编辑：如果你只能访问CSS（不是在HTML或JS），你不能做到这一点，除非该元素具有独特的父母，属性什么的。你可以找到一个css选择器列表here。

来源

2017-08-11 06:40:14 Wouter

您只需将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>

如果你想使用相同的样式在多个地方使用“类”，而不是的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>

来源

2017-08-11 06:40:52

在CSS中没有办法根据其内容选择任何东西。您只能根据其ID，类，其他属性，特定祖先，特定以前的兄弟姐妹或其兄弟姐妹中的序列号来选择元素。因此，如果您为特定元素制作特殊样式并控制标记，则最简单的方法是将此元素设置为类或ID，如上所示。

来源

2017-08-11 06:58:47

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

回答

相关问题