如何使用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隱藏標題包含特定文本

回答

相關問題