html - 使用 css 删除 后的斜线

Question

我在尝试删除 标记后的文本以附加其他文本时遇到问题。我怎样才能删除它

<p class="entry-meta">
   <span class="entry-author" itemprop="author" itemscope="">
      <a href="#"class="entry-author-link" itemprop="url" rel="author">
         <span class="entry-author-name" itemprop="name">yesi</span>
      </a> 
   </span> /  (this slash needs to be removed with css)</p>

Answer 1

<p class="replaced"><span>Original Text</span></p>

使用 CSS 显示属性，您可以隐藏标签内的内容，然后将包含新内容的伪元素附加到

标签。你不需要在这里使用绝对定位，因为 display: none;从页面中完全删除该元素，它确实会影响布局。就好像元素中的文本从未存在过一样。

这是 CSS:

.replaced span {
    display: none;
}

.replaced:after {
    content: "This text replaces the original.";
}

For More INfo click here

HTML :

 <p class="entry-meta replaced"><span class="entry-author" itemprop="author" 
       itemscope=""><a href="#"class="entry-author-link" itemprop="url" rel="author"> <span class="entry-author-name" itemprop="name">yesi</span></a> 
            </span><span class="ll">/  (this slash needs to be removed with css)</span></p>

CSS

.ll {
    display: none;
}

.replaced:after {
    content: "This text replaces the original.";
}

jsfiddle