隱藏通過CSS

我通過WordPress和一些工作，原因在網站上的一些文字，我可以編輯CSS但不是HTML，我想隱藏一些文字，但不是全部關閉它。該代碼是：隱藏通過CSS

.entry-header .entry-title::after { 
 
    content: "Create Theme" !important; 
 
}

<header class="entry-header "> 
 
    <h1 class="entry-title "> 
 
      "Create Course" 
 
      ::after 
 
     </h1> 
 
</header>

該款顯示器：Create CourseCreate Theme。我希望它顯示：Create Theme。這可能通過CSS？

來源

2016-08-25 Jon Smith

我會找到你的問題的根本，第一 - 而非黑客找到解決您的問題。 *爲什麼*你不能編輯HTML？權限？沒有爲相關頁面編輯HTML？我之前在WP網站上遇到過一次糟糕的經歷，那裏的主頁沒有HTML - 有人走了，把它全部放在了模板中！這被隱藏在網站模板設置的隱藏之下。如果可能，請嘗試解決您遇到的更深層問題:) –

這可能有點醜陋的黑客攻擊，但考慮到你的情況，如果你不能修改HTML，你可以用text-indent起到隱藏原來的文本，然後通過仿僞元素後設置display: block;到覆蓋父的text-indent這樣的：

.entry-header .entry-title { 
 
    text-indent: -9999px; 
 
} 
 

 
.entry-header .entry-title::after { 
 
    text-indent: 0px !important; 
 
    display: block; 
 
    float: left; 
 
    content: "Create Theme"; 
 
}

<header class="entry-header "> 
 
    <h1 class="entry-title ">Create Course</h1> 
 
</header>

來源

2016-08-25 11:39:30 thepio

謝謝！這工作:) –

很高興幫助！ :) – thepio

@JonSmith - 如果此答案解決了您的問題，請勿在可能的情況下僞造爲「已接受」:) –

如果您認爲visibility是好的，嘗試JSFiddle：

.entry-header .entry-title { 
    visibility: hidden; 
} 
.entry-header .entry-title::after { 
    content: "Create Theme" !important; 
    visibility: visible; 
}

的問題是，文本entry-title仍將佔據的空間。

參考：Hide element, but show CSS generated content

來源

2016-08-25 11:40:30 Joy

回答

相關問題