隐藏通过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

回答

相关问题