时间戳

首页 > 解决方案 > 删除跨度内的文本

html - 删除跨度内的文本

问题描述

我想删除我的博客页面中显示的时间 + 图标

<span><i class="fa fa-newspaper-o"></i>47 sec read</span>

我试过使用

.fa-newspaper-o{display:hidden}

但它只在“47 sec”离开显示文本之前隐藏图标

整个代码

<ul class="list-inline">
  <li><span class="posted-in"> <a class="national" href="http://www.fact-file.com/category/national/?customize_changeset_uuid=2a4ce41e-5aad-4e11-bb78-50c7e06dd416&amp;customize_messenger_channel=preview-0" rel="category tag" style="background-color: #1abc9c">National</a>
      <a class="top" href="http://www.fact-file.com/category/top/?customize_changeset_uuid=2a4ce41e-5aad-4e11-bb78-50c7e06dd416&amp;customize_messenger_channel=preview-0" rel="category tag" style="">Top Story</a>
    </span></li>
  <li>
    <span class="right"><a href="#" class="zilla-likes" id="zilla-likes-2010" title="Like this"><span class="zilla-likes-count">0</span> <span class="zilla-likes-postfix"></span></a></span>
  </li>
  <li>
    <span class="post-comments-number">
      <i class="fa fa-comment-o"></i><a href="http://www.fact-file.com/2020/03/22/sindh-govt-decides-to-impose-lockdown-across-the-province/?customize_changeset_uuid=2a4ce41e-5aad-4e11-bb78-50c7e06dd416&amp;customize_messenger_channel=preview-0#respond">0</a> </span>
  </li>
  <li><span><i class="fa fa-newspaper-o"></i>47 sec read</span></li>
</ul>

标签： htmlcss

解决方案

.list-inline li:nth-child(4) { display: none;}或.list-inline li:last-child { display: none;}将隐藏有问题的列表项。

推荐阅读